林晨熙

正则表达式，对于前端同学的我来说用得不多，也就一直没去研究，当需要写正则时候就是一头雾水，包括配置webpack，jest等。于是在这里整理了一些JavaScritpt正则相关的内容，以此对正则表达式有一个基本的认识并能够运用正则处理日常需求。 它描述了一种字符串匹配的模式，即…

我们在调研优化网页加载性能时，通常能看到这样一条：html 最好限制在 14kb 以内。那么问题来了，为什么是 14kb，超过 14kb 对性能的影响有多大，为了回答这两个问题，进行了一些调研与测试。从下面的概念开始。 即最拥塞窗口，慢启动中引入的概念，表示发送方在得到接收方确…

在探讨 CSS、JS 对阻塞行为前，先建立如下的 html，后续的探讨都在这个 html 的基础上进行。 可以预见的是 html 加载完毕后页面会呈现一个蓝色的正方形。 对于没有 async 和 defer 属性的 script，当浏览器解析到 script 标签时会立即加载并…

不同的对象底层都表示为二进制，其低位的 1-3 位用来存储类型信息，typeof 就是通过判断前三位的机器码来判定类型。判定规则如下: 用整数 −2^30(整数范围之外的数字)表示。 可以看到 typeof 首先判断值是不是 undefined(通过值是不是等于 JSVAL_V…

在讨论 push 和 pull 的默认行为前我们需要先了解 upstream、downstream 和 FETCH_HEAD 的概念。 通俗来说，当本地仓库 R 的某分支 x 的代码 push 到远程仓库 R'的 x'分支时，把 x'分支称为 x 分支的 upstream，相对…

闭包，相信第一次接触到这个词的同学，都会觉得一脸懵逼，这是啥玩意儿，好高端的样子。看看书看看报，闭包似乎没有那么难。 在认识闭包之前，更应该认识与闭包息息相关的执行上下文和作用域链。 闭包简单粗暴的说就是能够访问其他函数内部变量的函数，更确切的说，闭包不是指某一个具体的东西，而…

在 JavaScript 中并没有 OOP 编程的概念，我们谈到的 this 不同于一些 OOP 编程里指向的实例化对象，它指的是运行时的上下文。所谓上下文，就是运行时所在的环境对象，比如你在公司，可能你的领导是你的部门经理，在家就是你媳妇儿一样，不同的场合上下文是不一样的。 …

对于原型我们通过[[prototype]]、proto 以及 prototype 这三个概念理解其实现继承的思路。 在 ECMAScript 标准中规定每个对象都有一个内置的属性[[prototype]]，它指向一个对象的原型对象。当查找一个对象的属性或方法时，如果在当前对象找…

最初接触到函数的防抖与节流是在lodash库中看到了这样一个函数throttle，当时的心理感受是mmp，这是啥，一查翻译，哦...原来，还是不懂。防抖与节流看着很高级，其实在日常的编程中也是经常遇到，值得我们拥有。 当事件持续被触发时，并不立即执行事件处理函数，而是等到约定的…