HTML自带懒加载技术
对于目前的图片懒加载，我们一般采用的是通过第三方库或懒加载库来实现，但是该方式的显著问题就是，必须按顺序执行：假如浏览器能直接支持懒加载，那是最好的，这一想法也不是不可能哦！从Chrome 75开始
js动态加载的蒙板弹框
我们访问一些网站时总会遇到这种点击后，背景像被打上一层模板一样，这个是怎么做到的呢？它是将这个弹框div独立于页面容器wrap，设置position为absolute，将其水平垂直之后都居中，设置弹框div不显示
META标签的设置
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
ES6的标准内置对象Proxy
Proxy是ES6规范定义的标准内置对象，可以对目标对象的读取、函数调用等操作进行拦截。一般来说，通过Proxy可以让目标对象“可控”，比如是否能调用对象的某个方法，能否往对象添加属性等等。
前端webp图片
webp 是目前 Web 比较流行的解决方案，相对于 Jpeg/png, 基于 VP8 的压缩，有着非常不错的压缩率。比较基础的方法，还是检测 UA 白名单来说，毕竟这些版本都是很早就支持。
使用 JS 及 React Hook 时需要注意过时闭包的坑
闭包是一个函数，它从定义变量的地方(或其词法范围)捕获变量。闭包是每个 JS 开发人员都应该知道的一个重要概念。当闭包捕获过时的变量时，就会出现过时闭包的问题
你可能错过的现代 JavaScript 特性
尽管我在过去 7 年中几乎每天都在写 JavaScript 代码，但不得不承认，我实际上并不是很注意 ES 语言的发布声明。 async/await 和 Proxies 之类的主要特性是一回事，但是每年都有稳定的小规模、渐进式的改进在不断涌现
在H5中唤起APP，唤起失败进入APP下载页
在H5中唤起APP原理：通过Scheme协议打开APP，Scheme的组成：scheme:path[#fragment]，直接使用协议打开APP，打开失败进入下载页
ES5 的构造函数原型链继承
构造函数，就是专门用来生成实例对象的函数。一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构。为了与普通函数区别，构造函数名字的第一个字母通常大写。