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
• CSS布局指南
• CSS 中的各类换行处理方式 [英]：处理经典的换行问题
• 浏览器将rem转成px时有精度误差怎么办？
• 精准操控的滚动体验，浅谈新标准 Scroll Snap
• 如何完美实现一个非button元素的按钮 [英]
• 巧用 CSS Grid 来创建横向滚动容器 [英]
• 如何处理内联元素中的空隙 [英]
• CSS Stacking Context 里那些鲜为人知的坑
  

1.3. 浏览器

• 浏览器的工作原理
• 现代浏览器内部是如何运行的：
  
  • Chrome浏览器概览
  • 浏览时发生了什么？
  • 渲染进程的内部工作原理
  • compositor是如何来提高交互性能的？
    
• 完整的页面生命周期 API 介绍 [英]
• 四个新的观察者：Intersection / Mutation / Resize / Performance (Observer)
• 渲染引擎工作方式及优化建议 [英]
• 浏览器内核渲染：重建引擎
• 跨域解决方案汇总
  

2. 工程化与工具

软件规模的扩大带来了工程化的需求，前端也不例外。随着 NodeJS 的出现，前端工程师可以使用熟悉的 JS 快速开发所需的工具。工具链生态的繁荣也是前端圈繁荣的一个写照。

2.1. webpack

• webpack 中的 Chunk 关系图算法 [英]
• webpack 进阶系列文章
• 编译优化：
  
  • [url=https://link.juejin.im?target=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DAifDI71uqF0]如何提升大型项目中 webpack 的性能