- 博客(4)
- 收藏
- 关注
RSS订阅原创 box-sizing
今天写一个样式时更深入的了解了box-sizing的几个属性的含义： 这个样式就是一个6px的红圆点，外面有个3px的浅颜色的border。 .box{ width:6px; height:6px; background-color:red; border:3px solid lightgray; border-radius:50%; } 写完这个css后，发现页面上就只剩下一个半径为3px的浅颜色圆了，就是上面说的3px的浅颜色border。后来加了box-sizing：content-box
2021-08-09 16:58:33
63
原创 切换选中变样式
有时候，一个列表，要实现点击某一项，选中的这一项要添加选中的样式。 实现思想：定义一个变量current，点击列表的某一项时，将这一项的值赋值给current，当current等于这一项时，对应上的（满足条件的）动态添加上class即可。 <ul> <li :class="current==index?'hover':''" v-for="(item,index) in list" :key="index" @click="change(item,index)"></li>
2021-08-09 15:58:06
163
原创 ES6 新特性
1.let和const 2.模版字面量（反引号） 之前我们要想把一些字符串变量等拼接在一起，只能使用+或者concat（），现在用反引号搭配${变量}即可达到目的。 eg： 加号拼接 const year = '2021' const yearsold = '3' this.msg = '今年是' + year + '年,我' + yearsold + '岁啦！' console.log(this.msg)//"今年是2021年,我3岁啦！" 反引号拼接 const year
2021-07-22 17:44:08
107
原创 JS变量提升
js变量提升：var声明的全局变量会被提升到全局作用域最顶端；var声明的函数内部变量会被提升到函数作用域最顶端。 eg: console.log(v1); var v1 = 100; function foo() { console.log(v1); var v1 = 200; console.log(v1); } foo(); console.log(v1); 此时代码会被预编译成： var v1;//声明变量提升到顶部 console.log(v1);//undefined
2021-07-21 15:55:35
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人