- 博客(17)
- 收藏
- 关注
RSS订阅原创 css文件提示Uncaught SyntaxError: Unexpected token .
错误截图：今天碰到一个报错提示，仔细排查，发现css文件本身没啥问题，是由于自己引入的地方写错误了，记录下，引以为鉴！更改前：<script src="../layui/css/layui.css"></script>更改后：<link rel="stylesheet" src="../layui/css/layui.css">...
2020-06-28 18:05:47
2188
1
原创 input 警告[DOM] Input elements should have autocomplete attributes (suggested: "new-password")
控制台显示：今天使用input是出现了这个提示，虽然无关紧要，但是在控制台里显示感觉很不舒服，必须去掉它！经查是由于未添加autocomplete 属性造成的出问题的html代码：<div class="input-group"> <input type="password"class="form-control" placeholder="请输入新密码...
2019-04-05 16:13:46
14425
2
原创 ie6-ie8不支持opacity，rgba解决方法
在IE8下，css中的opacity，rgba并不会被解析，我们就得需要换一种写法需要加上下面这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);或者简写为：filter: Alpha(opacity=70)解释：opacity表示透明度，默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，...
2018-10-30 15:54:44
422
原创 使用Jquery选择器排除某元素
使用Jquery选择器来排除某元素，核心的方法是使用 not 方法#非第一个元素$(".mainTables tr").not("tr:first").click(function(){});//或者$(".someclass:not(:first)").click(function(){});#非$('.test')以外的元素 .$(".someclass:not(....
2018-10-30 15:06:09
15052
1
原创 button或a标签 点击后移开出现边框或下划线的移除
其实添加一下css 就可以，以button为例.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; border-color: transparent; box-shadow:none; ...
2018-10-29 16:07:25
3504
原创 mui显示加载中动画
最近使用mui较多，每次页面加载时希望显示加载中的样式，就是那种一直转圈的，但是在mui的官方文档中的对话框并没有这种样式，在网上查了一下，发现可以引入插件的形式，显示加载中样式，但每个页面都要引入颇为麻烦，仔细研究后发现mui中也有这种样式：代码如下：<div class="mui-loading"> <div class="mui-spinner"> ...
2018-08-08 14:34:28
10290
原创 vue显示数据时，页面闪现原始代码解决方案
1. 首先在view中挂载的标签上添加v-cloak 例： <div id="app" v-cloak> ... </div>2. 在view上引用css模块并在css中加入 [v-cloak]{ display:none; }这样就可以防止页面闪烁了。但是有的时候会不起作用，可能是以下原因所致：...
2018-08-08 14:12:08
1199
原创 如何解除80端口被占用
虽然本文章主要以80端口号为例，但是其他的端口号也可以使用该方法1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等. （1）点击"开始"--"运行"（快捷键：win+R）,输入"cmd"后点击确定按钮,进入DOS窗口,接下来分别运行以下命令: netstat -aon | findstr "80" 可以看出8...
2018-08-04 14:07:06
6800
原创 移动端rem布局链接
之前做移动端页面时，公司要求使用自适应布局，所以想到了使用rem布局，在网上也查询了了不少介绍方案，就把一些有用的列一下：1.手机端页面自适应解决方案—rem布局链接：https://www.jianshu.com/p/b00cd35067822.手机端页面自适应解决方案—rem布局进阶版（附源码示例）链接：https://www.jianshu.com/p/985d26b4019...
2018-08-04 11:28:14
382
原创 移动端手机浏览器页面出现上下滑动页面是涩的感觉，不流畅
最近在做手机端页面时，出现了上下滑动页面感觉很涩、不流畅的问题，经过在网上一番查找，发现添加如下代码就好： body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 解决问题地址：https://segmentfault.com/q/1010000012677016...
2018-07-30 10:42:00
7254
原创 input选中发光效果
有时我们需要让input选中时，有个类似发光的效果，如下图所示 其实，这种效果很好实现，代码如下： input:focus{ border-color: #ff962d !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,...
2018-07-30 10:36:00
3792
原创 css连续的纯数字或字母强制换行
默认情况下，一个 DIV或者其他元素的文本，如果都是无文字分隔符，无空格，则不会自动换行，而如果我们想让它换行的话需要设置CSS属性： div{ white-space:normal; word-break:break-all; }...
2018-07-30 10:29:00
726
原创 CSS设置行间距和字间距
行间距： CSS中通过line-height是一个比较常用的属性，可以实现行间距的设置，line-height的值表示的是两行文字之间基线的距离（line-height可以实现文字垂直居中效果，但我一般用flex布局来实现，感觉flex布局比较好用，且适用范围广）。 line-height的值为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数...
2018-07-30 10:21:00
5428
原创 css3 字体自动换行第二行缩进一格
我们知道css中text-indent属性可以使每个段落首行开头文字缩进，如缩进2个文字距离样式。p{ text-indent: 2em; /*em是相对单位*/}注：em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。那如果我们想让第二行缩进一格呢：p { text-indent: -2em; margi...
2018-07-27 09:49:00
12204
原创 单行文本与多行文本超出范围隐藏并显示省略号
在做项目时，很多时候文本内容未超出我们想让它显示的内容，这个时候，就需要把超出的范围隐藏起来/*****单行文本超出隐藏并显示省略号*****/.element{width: 20em;/*不允许出现半汉字截断*/overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap...
2018-01-19 20:28:00
368
原创 naturalWidth 与 naturalHeight
在HTML 5中，新增加了两个用来判断图片的宽度和高度的属性(图片原始大小)，分别为 naturalWidth 和naturalHeight属性，例子如下： 注意问题： - 图片没有加载的时候 值为0，0 - 与img 设置的width 和height 无关，是图片的原始大小<!DOCTYPE html><html lang="en"><head&...
2018-01-19 20:22:00
575
原创 CSS清除浮动的几种方式
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很大的影响方式一:使用overflow属性来清除浮动 .ovh{...
2017-09-25 13:22:00
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人