yck

class 组件中性能优化可以通过 shouldComponentUpdate 实现或者继承自 PureComponent，当然后者也是通过 shouldComponentUpdate 去做的，内部对 state 和 props 进行了 shallowEqual。 对于函数组件…

WebAssembly 是在浏览器端可执行的字节码，主要解决的问题是性能。编辑器能把 C、C++、Go、TS 等语言编译成 WebAssembly 并能在浏览器中运行。 使用场景一般就是对性能有很高要求的应用，另外也可以把一些本来需要在后端完成的操作放到前端来做。比如视频解码、…

文章首发自我的 Github，欢迎关注。 面试题只能应对 1 - 2 面，刷题固然重要，但是对于项目相关的准备也是必须的。一般来说目前面试题能准备的范围如下： 以上是大致范围，大家可以照着把题目归类，当然除了这些还会有些别的，比如说设计模式等等的问题。另外会刷面试题只是一部分，…

JS 中有个重要的类型叫做引用类型。这种类型在使用的过程中，因为传递的值是引用，所以很容易发生一些副作用，比如： 上述代码的写法会造成 a 和 b 的属性都被修改了。大家在日常开发中肯定不想出现这种情况，所以都会用上一些手段去断开它们的引用连接。对于上述的数据结构来说，浅拷贝就…

有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维护代码。 但是实际情况是绝大部分开发者是不愿意做这件事情的。因为平时开发都忙不过来，哪还有时间去做这些事情…

这是我的剖析 Vue 3 原理的第一篇文章。这篇将会带着大家学习数据响应相关的内容，并且尽可能的脱离源码来了解原理，降低大家的学习难度。 Vue 3 目前的状态其实很适合阅读，因为代码量不多，并且核心功能是不会有什么大的变动的。 因此笔者 fork 了目前的源码，并且加以注释。…

在业务开发过程中，想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS，因此就会频繁使用到 DevTools 中的选择元素功能。 其实我们可以使用一个 CSS 技巧给所有元素加上 outline，这样就能迅速了解自己所需的元素位置信息，无须再选择元素查看了。 需要注意的…

如果视频又打不开了，可以去我公众号的文章里看。 现在我们来分析下这个漏洞的产生过程。 首先标题中存在 HTML <input onfocus="alert('1')">，在网页中如果不对这部分文本做转义的话，就会正常渲染为 HTML。 在文章详情中其实我们并没有发现这个问题，也…

这是因为我们尝试从 undefined 或者 null 中取出数据。 解决办法肯定是有的啦，就是使用新语法可选链。 不过这个语法当下还没有正式发布，但是我们可以通过安装 Babel 插件去使用它。 安装完毕后修改下 Babel 配置文件即可。 虽然编译后的代码看着有点啰嗦，但是…