自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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中也有这种样式:代码如下:&lt;div class="mui-loading"&gt; &lt;div class="mui-spinner"&gt; ...

2018-08-08 14:34:28 10157

原创 vue显示数据时,页面闪现原始代码解决方案

1. 首先在view中挂载的标签上添加v-cloak    例:    &lt;div id="app" v-cloak&gt;    ...    &lt;/div&gt;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 无关,是图片的原始大小&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&...

2018-01-19 20:22:00 525

原创 CSS清除浮动的几种方式

浮动对页面的影响:    如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0,    下面的元素会自动补位,所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动),不然浮动会造成父元素高度坍塌,同时浮动会脱离文档流,对整个页面布局有很大的影响方式一:使用overflow属性来清除浮动    .ovh{...

2017-09-25 13:22:00 340

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除