虽然 ES6 带来了 class 语法使得实现继承非常方便，但是了解 “老” 的继承实现，对理解 Javascript OOP 是非常有帮助的。
TLDR：
继续阅读对比 Javascript 的几种继承方式
发表评论
为什么 const 和 let 声明的全局变量不在 window 上
GlobalEnv 是一个复合环境，由 global（顶层对象）和 declsEnv（一般声明环境）组合而成。
在 ES6 之前，顶层对象的属性与全局变量是等价的，顶层对象的属性与全局变量挂钩，被认为是 JavaScript 语言最大的设计败笔之一。
继续阅读Javascript 中 for…in 与 for…of 的区别
如何在司庆小游戏中利用漏洞屠榜
公司在 22 周年司庆活动期间推出了一款 H5 小游戏。
在游戏中，玩家通过控制小人躲避障碍来不断提高成绩（跑步米数），在游戏中还会随机掉落各种道具，率先收集齐全套道具的玩家则有机会获得奖品。
本着学（na）习（jiang）的精神对小游戏进行来一番研究，发现游戏存在漏洞，能通过伪造请求的方式直接刷满道具并屠榜。
阅读全文预加载属性 preload 与 prefetch 有什么区别
- preload 告诉浏览器立即加载资源;
- prefetch 告诉浏览器在空闲时才开始加载资源；
- preload、prefetch 仅仅是加载资源，并不会“执行”;
- preload、prefetch 均能设置、命中缓存；
- 正确使用 preload、prefetch 不会导致重复请求；
浏览器是怎样渲染页面的
TLDR，页面的关键渲染路径：
- 构建对象模型（Object Model）
- 构建 DOM（文档对象模型）
- 构建 CSSOM（CSS 对象模型）
- 构建渲染树（Render Tree）
- 布局（Layout）
- 绘制（Paint）
JS CSS 是如何阻塞页面渲染的
TLDR，CSS 和 JS 都会阻塞页面的 关键渲染路径 ，不同情况下阻塞效果不同：
- 内联 JS 的执行会阻塞 DOM 构建（Layout）；
- 外部 JS 的加载和执行都会阻塞 DOM 构建；
- 内联 CSS 的 CSSOM 构建会阻塞渲染树的构建，从而阻塞布局（Layout）；
- 外部 CSS 的加载和 CSSOM 构建都会阻塞渲染树的构建，从而阻塞布局；
- 在页面存在 CSS 和 JS 的情况下，CSSOM 的构建会阻塞他后面 JS 的执行；
- script 标签的 async 和 derfer 属性能使 JS 的加载不阻塞 DOM 构建；
在 Docker 中部署 WordPress
WordPress 提供了 Dockers Image，我们可以通过 Docker 的方式进行部署。由于同一台机器上部署了多个 Web 站点都需要使用 80/443 端口，所以使用 Nginx 通过域名判断并反向代理。
继续阅读理解 Service Worker
Service Worker 是一种 JavaScript Worker，通常用来充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。
继续阅读Docker 部署 Nginx、frp 实现内网穿透
由于没有公网 IP，加上黑群晖没有洗白，无法进行外网的远程连接。
继续阅读