0
点赞
收藏
分享

微信扫一扫

琐碎知识点【前端】

小飞侠熙熙 2022-02-09 阅读 53

涉及在工作学习中遇到的各种小问题和知识点,比较杂乱,凑多了就会进行整理了。。。

文章里面有很多其他大大们的链接,若侵权联系删除。

1、ES6的扩展运算符:三个点...

链接:...ES6扩展运算符...

是ES6的扩展运算符,主要用于函数调用。其应用于①合并数组②与解构赋值结合(如果将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错。)③函数的返回值④字符串(凡是涉及到操作 32 位 Unicode 字符的函数,最好用扩展运算符改写)⑤实现了Iterator接口的对象⑥Map和Set结构,Generator函数。

举例:比如 form = { ...form, ...data },会把form对象的属性全部脱离原型链拿出来,后面的data也一样,如果,form跟data有重复的属性,就会以后面的data为准,覆盖了前面对象的属性,完成一个合并,合并之后再重新赋值给form,就达到一个简单的重复去重跟对象合并效果。

2、if为单条语句时,花括号可以省略

if (!user_name) data.user_type = 1; 
//省略了花括号,原:if (!user_name){ data.user_type = 1; }
data.user_type = 0;

//释义:若不存在user_name属性,则user_type=1,若存在/否则,user_type=0

3、CSS3的伪对象选择符::  伪类选择符: 

链接:CSS3各类选择符举例

::伪对象选择符是基于某个对象,对其添加若干个样式属性(如颜色、字号等)

:伪类选择符是选中某个已经存在的类,(当符合某种状态时)对其进行修改

举报

相关推荐

0 条评论