- 博客(19)
- 收藏
- 关注
原创 清除浮动的方法---最好用
.clearfix:after{ content:" . "; display:block; height:0; visibility:hidden; clear:both;}.clearfix{ zoom:1;}说明:子元素用了浮动,父元素直接引用clearfix这个类清除浮动。...
2019-11-07 15:21:53 155
原创 阻止时间冒泡
需求:点击input显示下拉框,点击li把li的内容赋值给input,然后下拉框隐藏;如果不选择li,点击外面下拉框也能隐藏。问题:如果不选择li,点击外面下拉框也能隐藏,采用input失去焦点(blur)让下拉框隐藏,这样获得焦点的时候blur事件会先发生,导致下拉框出不来,只是闪一下。解决:1.把li的点击事件(click)换成(mousedown)2.加延迟 $("#ipt")....
2019-11-07 14:37:18 178
原创 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加第二步:找到devServer,在里面加上before()方法...
2018-03-23 17:15:35 324 1
原创 vue-swiper报错
Swiper is not defined没有加载js文件或位置错误下载文件包并在页面加载Swiper的js和css文件或使用Swiper的CDN服务加载文件Swiper的CDN服务如下:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/css/swiper.css"><...
2018-03-23 13:13:06 4600
原创 页面导入样式时,使用link和@import有什么区别?
(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS;(2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;(3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;...
2018-03-06 15:38:12 237
原创 ES5和ES6的区别
(1) var 声明变量 函数作用域 let 声明变量 有{}作用域(块级作用域) 不能重复声明 代替封闭空间解决I值的问题 const 声明常量 常量不能重新赋值 常量不能二次修改 初始化的时候 必须都设置值!(2) ES6 需要引入2个js文件-需要编译 - 浏览器不完全兼容 ...
2018-03-05 17:39:50 528
原创 鼠标移入移出的bug!
onmouseover 建议使用---onmouseenteronmouseout 建议使用---onmouseleave
2018-03-05 17:32:58 500
原创 阻止默认事件(浏览器)
return false;//阻止默认事件,但是也可以阻止冒泡ev.preventDefault(); //单纯阻止默认事件
2018-03-05 17:31:59 1248
原创 获取下标的四种方式
aBtn[i].index=i;aBtn.setAttribute('index',i);(function(i){})(i); var变成let
2018-03-05 17:28:08 2255
原创 选择器优先级
行间选择器 > id选择器 > 类选择器 > 标签选择器 > 全局选择器(*) >默认 > 继承(eg:a标签的默认样式不继承父级的样式)
2018-03-05 17:22:35 145
原创 写出jq中怎么获取样式、以及设置样式、还有怎么来批量设置样式
$(obj).css('width') $(obj).css('width','100px'); $(obj).css({'width':'100px','height':'100px','background':'red'});
2018-03-05 17:10:57 1779
原创 写出jq中获取属性,设置属性,以及设置批量属性,还有删除属性
获取 $(obj).attr(name) 设置 $(obj).attr(name,value) 设置批量 $(obj).attr({name:value,name1:value1。。。}) 删除 $(obj).removeAttr(name)...
2018-03-05 17:05:18 415
原创 写出解决图片被标签所包时底部产生的几像素bug的两种方法
1.img { vertical-align:top; } 2.img { display:block; }
2018-03-05 17:03:19 130
原创 写出让一个宽高为100px的div在浏览器中绝对居中的代码
1.{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}2.{width:100px;height:100px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
2018-03-05 17:01:38 2829
原创 vue-cli脚手架构建项目
1.全局安装vue-cli npm install vue-cli -g2.初始化vue项目 vue init webpack 项目名3.启动项目 cd 项目名 cnpm install 安装相关依赖 cnpm run dev 运行项目
2018-03-05 16:56:18 141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人