年终回顾 | 为你汇总一份「前端技术清单」
2018 眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？
记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。
清单 github 地址
https://github.com/alienzhou/...
不论你是正在自学前端遇到了瓶颈，还是对某些技术熟练掌握但某些还未涉足，都希望这份清单能对你有所帮助。
由于个人精力有限，一些技术点的归纳可能有失偏颇，或者目前并未纳入进来，因此github 上的清单内容 也会不断更新。目前只包含纯前端基础内容，NodeJS 、客户端泛前端、小程序、可视化等内容先留着坑吧。
年度报告
2018 前端工具调查报告
https://ashleynolan.co.uk/blo...
2018 JavaScript 调查报告
1 基础拾遗
温故而知新，不知则习之，是以牢固根基。
1.1 JavaScript
You-Dont-Know-JS [英]
https://github.com/getify/You...
Event Loop（面试里总会有一题 Event Loop…）：
从 Event Loop 规范探究 JavaScript 异步及浏览器更新渲染时机
https://github.com/aooy/blog/...
异步之 EventLoop [英]
https://link.juejin.im?target...
NodeJS 中的 Event Loop、Timers 与 process.nextTick() [英]
https://link.juejin.im?target...
Web Workers 及其5个常见使用场景 [英]
https://medium.com/m/global-i...
“回调地狱”的解决思路汇总
https://www.jianshu.com/p/bc7...
1.2. CSS
You-Need-to-Know-CSS
https://lhammer.cn/You-need-t...
CSS布局指南
https://juejin.im/post/5b3b56...
CSS 中的各类换行处理方式 [英]
https://css-tricks.com/where-...
浏览器将rem转成px时有精度误差怎么办？
https://www.zhihu.com/questio...
精准操控的滚动体验，浅谈新标准 Scroll Snap
https://juejin.im/post/5ba079...
如何完美实现一个非button元素的按钮 [英]
https://link.juejin.im/?targe...
巧用 CSS Grid 来创建横向滚动容器 [英]
https://link.juejin.im?target...
如何处理内联元素中的空隙 [英]
https://link.juejin.im?target...
CSS Stacking Context 里那些鲜为人知的坑
https://segmentfault.com/a/11...
1.3. 浏览器
浏览器的工作原理
https://link.juejin.im?target...
现代浏览器内部是如何运行的：
Chrome浏览器概览
https://link.juejin.im?target...
渲染进程的内部工作原理
https://link.juejin.im?target...
compositor是如何来提高交互性能的？
https://link.juejin.im?target...
浏览时发生了什么？
https://link.juejin.im?target...
完整的页面生命周期 API 介绍 [英]
https://css-tricks.com/where-...
四个新的观察者：Intersection / Mutation / Resize / Performance (Observer)
https://www.zeolearn.com/maga...
渲染引擎工作方式及优化建议 [英]
https://link.juejin.im?target...
浏览器内核渲染：重建引擎
https://juejin.im/post/5bbaa7...
跨域解决方案汇总
https://www.jianshu.com/p/438...
2 工程化与工具
软件规模的扩大带来了工程化的需求，前端也不例外。随着 NodeJS 的出现，前端工程师可以使用熟悉的 JS 快速开发所需的工具。工具链生态的繁荣也是前端圈繁荣的一个写照。
2.1. webpack
webpack 中的 Chunk 关系图算法 [英]
https://link.juejin.im?target...
webpack 进阶系列文章
https://juejin.im/post/5bc1a7...
编译优化：
如何提升大型项目中 webpack 的性能