ES5 提供了 Object.defineProperty 方法，该方法可以在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。 虽然我们可以直接添加属性和值，但是使用这种方式，我们能进行更多的配置。 函数的第三个参数 descriptor 所表示的属性描述…

大家都知道，浏览器在解析DOM树的时候，当解析到script标签的时候，会阻塞其他的所有任务，直到该js文件下载、解析执行完成后，才会继续往下执行。因此，这个时候浏览器就会被阻塞在这里，如果将script标签放在head里的话，那么在该js文件加载执行前，用户只能看到空白…

工作中需求中经常会用到图片懒加载的功能，这种功能实现起来并不难，但一次性写下来代码量也不会小。 网上类似的插件倒是一大堆，但是功能完善逻辑严谨的体积太大，里面包含了大量根本用不到的功能和代码，凭空增加文件体积；至于体积小的，又总怀疑逻辑写得清不清楚，会不会有什么bug之类的，所…

当然我们可以用一个通俗的说法：设计模式是解决某个特定场景下对某种问题的解决方案。因此，当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式。 比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口，因为可能原来的系统很多功能…

前言snabbdom是一个虚拟dom算法库，它的特点是效率高、可扩展，许多开源项目采用了这种算法，例如vue。本文试图还原虚拟dom的diff原理（仅限于snabbdom算法）。虚拟dom什么是虚拟d

消除switch语句以获得更好的代码结构代码演化1：纯switch用三元运算符代替更换action.type===，用对象本身的方法柯里化增加是否为函数检测switch应用--星期天转换参考链接---

简单来说，面向对象编程就是将你的需求抽象成一个对象，然后对这个对象进行分析，为其添加对应的特征（属性）与行为（方法），我们将这个对象称之为 类。 这样我们就将所需要属性和方法都封装在 Person 类里面了，当我们要用的时候，首先得需要使用 new 关键字来实例化（创建）新的对…

标题挺有意思吧，一个来自正则，一个来自 CSS。 前者是正则断言，后者是 CSS 选择器。 正则是用来做什么的？匹配字符的。 选择器是用来做什么的？匹配元素的。 既然都是用来“匹配”的，那么，如果二者在一些地方有什么相似之处，应不足为奇。 我发现 (?<=p) 与 :nth-c…

主要内容： 1.HTML5.2的一个新标签：原生html弹窗标签dialog 2.基本用法：两个属性、三个方法、两个事件 3.一个css伪元素，用于设置遮罩样式 4.三个例子简单明了，由简到繁，由不兼容到兼容