前端技术清单

• 2. 工程化与工具

• 2.1. webpack

• 2.2. Gulp

• 2.3. Linter

• 2.4. 静态类型（Typescript/Flow）

• 2.5. Babel

• 2.6. CSS预处理与模块化

• 3. 性能优化

• 3.1. 加载性能

• 3.2. 运行时性能

• 3.3. 前端缓存

• 3.4. 性能调试与实践

• 3.5. 性能指标

• 4. 安全

• 4.1. XSS

• 4.2. CSRF

• 4.3. CSP

• 4.4. HTTPS

• 4.5. 安全实录

• 4.6. 代码保护

• 4.7. JS沙盒

• 4.8. 其他

• 5. 自动化测试

• 5.1. 单元测试

• 5.2. 端到端测试 (E2E)

• 5.3. 其他

• 6. 框架与类库

• 6.1. React

• 6.2. Vue

• 6.3. Redux

• 6.4. RxJS

• 7. 新技术/方向

• 7.1. PWA

• 7.2. CSS Houdini

• 7.3. Web Components

• 7.4. 微前端（Micro Frontends）

• 7.5. HTTP/2

• 7.6. WebAssembly

• 7.7. 小程序

• 7.8. Serverless

• 8. 业务相关

• 8.1. 数据打点上报

• 8.2. 前端监控

• 8.3. A/B测试

• 8.4. “服务端推”

• 8.5. 动效

• 9. 其他

0. 年度报告

---

• 2018 前端工具调查报告

• 2018 JavaScript 调查报告

1. 基础拾遗

---

温故而知新，不知则习之，是以牢固根基。

1.1. JavaScript

• You-Dont-Know-JS [英]

• JavaScript 基础运行机制：

• JS 引擎、运行时与调用栈概述 [英]

• V8 引擎简介 [英]

• 内存管理与4中常见的泄漏 [英]

• Event Loop（面试里总会有一题 Event Loop…）：

• 从 Event Loop 规范探究 JavaScript 异步及浏览器更新渲染时机

• 异步之 Event Loop [英]

• NodeJS 中的 Event Loop、Timers 与 process.nextTick() [英]

• Tasks、Microtasks、Queues 与Schedules [英]

• Web Workers 及其5个常见使用场景 [英]

• 如何避免 async/await 地狱 [英]

• “回调地狱”的解决思路汇总

1.2. CSS

• You-Need-to-Know-CSS

• CSSOM 及其相关浏览器 API 使用指南 [英]

• CSS布局指南

• CSS 中的各类换行处理方式 [英]：处理经典的换行问题

• 浏览器将rem转成px时有精度误差怎么办？

• 精准操控的滚动体验，浅谈新标准 Scroll Snap

• 如何完美实现一个非button元素的按钮 [英]

• 巧用 CSS Grid 来创建横向滚动容器 [英]

• 如何处理内联元素中的空隙 [英]

• CSS Stacking Context 里那些鲜为人知的坑

• 在 (S)CSS 中实现主题功能的 4½ 种方法

1.3. 浏览器

• <