- 博客(9)
- 收藏
- 关注
RSS订阅原创 原生单选按钮样式更改遇到的问题
首先说明，这个单选按钮样式更改用到了elementUI的样式，项目引入element的样式包后，直接在相应的标签上加element定义好的class名，具体如何改的这里不作赘述（照着源码写就可以）。重点是遇到的问题：elementUI的单选按钮在选中后会加一个class名is-checked，这个class名决定了选中的样式，如下：自然而然想到在js中给单选按钮绑定点击事件，用addClas...
2018-10-31 19:06:22
406
原创 变量的解构赋值及用途
一、数组的解构赋值1、基本用法：完全解构：let a = 1;let b = 2;let c = 3; 可以写成 let [a, b, c] = [1, 2, 3];不完全解构：等号左边的模式，只匹配一部分的等号右边的数组，解构依然成功2、默认值：解构解析允许指定默认值如：let [x, y = ‘b’] = [‘a’]; // x=‘a’, y=‘b’注...
2018-10-29 19:51:47
272
原创 实例理解promise、macro-task、micro-task
setTimeout(function(){ console.log(1);}, 0);new Promise(function executor(resolve){ console.log(2); for(var i=0; i<10000; i++){ i == 999 && resolve(); } console.log(3);}).then(fun...
2018-10-29 15:53:51
477
原创 let、const命令
let命令暂时性死区是什么意思？当变量赋值或引用在变量声明（let）之前，浏览器会报错，即在变量声明前都是“死区”。块级作用域内层块级作用域可以定义外层作用域的同名变量。避免在块级作用域内声明函数。如果确实需要，应该用函数表达式，而不是函数声明语句。只有在大括号内才能允许声明函数，否则会报错。const命令const一旦声明变量，必须初始化，不能二次赋值。const实际保证的是该...
2018-10-29 11:20:58
181
原创 移动端h5开发分辨率自适应
在做H5开发时，都会遇到屏幕分辨率自适应问题，那么怎么更好地让页面自适应？这里介绍一种用js计算屏幕宽度+rem单位的方法（网易新闻在用）不同手机有不同的分辨率，UI在做设计图的时候大都会以iPhone6/7/8的分辨率为标准，即375667，像素比为2，所以我们这里计算屏幕宽度，并以750（3752）为标准，修改页面的font-size。js实现如下：这样在项目中所有的单位都用rem（r...
2018-10-23 16:50:05
2411
原创 @media处理分辨率兼容性问题
web项目经常会接到兼容分辨率的需求，如何让页面随着分辨率的缩放而自适应，其中一个比较好的方法就是用CSS @media查询，根据不同屏幕尺寸设置不同样式，让页面自适应效果很好CSS @media：语法结构：@media screen and (max-width:300px){ //当屏幕宽度小于300px时，加载这里的样式}@media screen and (max-he...
2018-10-11 18:42:54
1521
原创 浏览器缓存问题--时间戳
一、URL时间戳作用作用：为了防止浏览器缓存。缓存易引起新资源无法加载，还是从缓存中拿旧资源URL后面添加随机数或时间戳通常用于防止浏览器（客户端）缓存页面。 浏览器缓存是基于URL进行缓存的，如果页面允许缓存，则在缓存时效前再次访问相同的URL，浏览器就不会再次发送请求到服务器端，而是直接从缓存中获取指定资源。而当URL 的末尾追加了随机数或时间戳，就会保证每次都会实际生成新请求且 Web...
2018-10-10 10:51:03
867
原创 锚点联动
什么是锚点联动？1、锚点定位：点击导航栏nav，定位到content里的不同div2、锚点反向联动：滚动content，根据当前显示的div定位到相应的nav解决方法：1、锚点定位：方法一：a标签自带锚点属性<!--点击a标签，根据href定位到id为a2的div处--><a href="#a2">2&amp
2018-10-01 10:29:18
1106
原创 CSS 底部固定
底部固定的两种理解：1、无视content多高，footer始终固定在底部，随着浏览器窗口高度的减小会覆盖content内容；2、在意content高度，当浏览器窗口高度小于或等于content高度时，footer不去覆盖content。相应解决方案：1、footer固定定位：footer{ position: fixed; bottom: 0; left: 0; }2、foo...
2018-10-01 10:04:06
2156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人