js一些操作运算符
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误
如何解决移动端 Retina 屏 1px 像素问题 ?
以 iphone6 为例,iphone6 的屏幕宽度为 375px ,设计师做的视觉稿一般是750px ,也就是 2x ,这个时候设计师在视觉稿上画了 1px 的边框,于是你就写了 border:1px ,so...1px边框问题产生了。
详细讲解this指向相关的知识
在前端开发中,this虽然只是其中的一个关键字而已,但是确实一个比较特殊的关键字。为什么说this在js关键字中很特殊呢,原因就在于this是函数在运行时自动生成的一个对象,this的指向在函数定义的时候不是确定的
从 Vue parseHTML 来学习正则表达式
写作本文的起源在于,在分析 Vue 源码中 parseHTML 方法时,发现网上对其中正则的解析文章较少,找到的几篇文章也有些语焉不详。于是静下心逐个表达式分析了其中的正则,以备查看。
32个手写JS,巩固你的JS基础
作为前端开发,JS是重中之重,这里总结下32个手写JS问题,这些都是高频面试题,希望对你能有所帮助。
Vue3中ref、toRef、toRefs的区别
ref是对原始数据的拷贝,当修改ref数据时,模板中的视图会发生改变,但是原始数据并不会改变。toRef是对原始数据的引用,修改toRef数据时,原始数据也会发生改变,但是视图并不会更新。
代码越写越乱?那是因为你没用责任链
在开始学习责任链之前,先看一下在开发中常见的问题。下面是前端用来处理 API 错误码的代码:当然实际项目中不可能只有一行 console,这是为了说明原理的简化版。
CSS之特指度和层叠
如果多个规则匹配同一个元素,而且部分声明之间有冲突,那么我们如何知道哪个规则胜出呢?用户代理会计算每个规则中选择符的特指度,然后将其依附到规则中的每个声明上。如果两个或多个属性声明有冲突,特指度最高的声明胜出。
原生js实现Object.create()
Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不是一个子函数,可以传一个null,第二个参数是对象的属性描述符,这个参数是可选的。