- 博客(17)
- 收藏
- 关注
原创 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
2072
原创 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
13346
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
376
原创 使用Jquery选择器排除某元素
使用Jquery选择器来排除某元素,核心的方法是使用 not 方法#非第一个元素$(".mainTables tr").not("tr:first").click(function(){});//或者$(".someclass:not(:first)").click(function(){});#非$('.test')以外的元素 .$(".someclass:not(....
2018-10-30 15:06:09
14846
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
3384
原创 mui显示加载中动画
最近使用mui较多,每次页面加载时希望显示加载中的样式,就是那种一直转圈的,但是在mui的官方文档中的对话框并没有这种样式,在网上查了一下,发现可以引入插件的形式,显示加载中样式,但每个页面都要引入颇为麻烦,仔细研究后发现mui中也有这种样式:代码如下:<div class="mui-loading"> <div class="mui-spinner"> ...
2018-08-08 14:34:28
10157
原创 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
1154
1
原创 如何解除80端口被占用
虽然本文章主要以80端口号为例,但是其他的端口号也可以使用该方法1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等. (1)点击"开始"--"运行"(快捷键:win+R),输入"cmd"后点击确定按钮,进入DOS窗口,接下来分别运行以下命令: netstat -aon | findstr "80" 可以看出8...
2018-08-04 14:07:06
6651
原创 移动端rem布局链接
之前做移动端页面时,公司要求使用自适应布局,所以想到了使用rem布局,在网上也查询了了不少介绍方案,就把一些有用的列一下:1.手机端页面自适应解决方案—rem布局链接:https://www.jianshu.com/p/b00cd35067822.手机端页面自适应解决方案—rem布局进阶版(附源码示例)链接:https://www.jianshu.com/p/985d26b4019...
2018-08-04 11:28:14
341
原创 移动端手机浏览器页面出现上下滑动页面是涩的感觉,不流畅
最近在做手机端页面时,出现了上下滑动页面感觉很涩、不流畅的问题,经过在网上一番查找,发现添加如下代码就好: body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 解决问题地址:https://segmentfault.com/q/1010000012677016...
2018-07-30 10:42:00
7193
原创 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
3675
原创 css连续的纯数字或字母强制换行
默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,而如果我们想让它换行的话需要设置CSS属性: div{ white-space:normal; word-break:break-all; }...
2018-07-30 10:29:00
654
原创 CSS设置行间距和字间距
行间距: CSS中通过line-height是一个比较常用的属性,可以实现行间距的设置,line-height的值表示的是两行文字之间基线的距离(line-height可以实现文字垂直居中效果,但我一般用flex布局来实现,感觉flex布局比较好用,且适用范围广)。 line-height的值为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数...
2018-07-30 10:21:00
5310
原创 css3 字体自动换行第二行缩进一格
我们知道css中text-indent属性可以使每个段落首行开头文字缩进,如缩进2个文字距离样式。p{ text-indent: 2em; /*em是相对单位*/}注:em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。那如果我们想让第二行缩进一格呢:p { text-indent: -2em; margi...
2018-07-27 09:49:00
11894
原创 单行文本与多行文本超出范围隐藏并显示省略号
在做项目时,很多时候文本内容未超出我们想让它显示的内容,这个时候,就需要把超出的范围隐藏起来/*****单行文本超出隐藏并显示省略号*****/.element{width: 20em;/*不允许出现半汉字截断*/overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap...
2018-01-19 20:28:00
330
原创 naturalWidth 与 naturalHeight
在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性(图片原始大小),分别为 naturalWidth 和naturalHeight属性,例子如下: 注意问题: - 图片没有加载的时候 值为0,0 - 与img 设置的width 和height 无关,是图片的原始大小<!DOCTYPE html><html lang="en"><head&...
2018-01-19 20:22:00
525
原创 CSS清除浮动的几种方式
浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0, 下面的元素会自动补位,所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动),不然浮动会造成父元素高度坍塌,同时浮动会脱离文档流,对整个页面布局有很大的影响方式一:使用overflow属性来清除浮动 .ovh{...
2017-09-25 13:22:00
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人