深色模式
2018 年就要过去了。开始写这篇文章的时候，翻了翻这一年写的博客，发现居然写了将近 50 篇。从 1 月的 Vue 新特性笔记，到 12 月的各种深度文章，感觉自己真的在成长。
这一年的技术收获
框架层面：
- 深入理解了 Vue 2 的响应式原理、VDOM、SSR
- 了解了 React 生态：Fiber 架构、Hooks（虽然还没稳定）、Suspense
- 开始认真学 TypeScript，从"感觉没必要"到"真香"
工程化层面：
- Webpack 从 3 升到 4，构建速度提升明显
- Babel 7 的升级比想象的麻烦，但按需 polyfill 真的好用
- 学会了分析 Bundle、Tree Shaking、代码分割
- 接触了微前端的概念，并在生产环境做了第一个实践
基础巩固：
- JavaScript 的原型链、闭包、事件循环终于搞清楚了
- 浏览器渲染原理：关键渲染路径、缓存策略
- HTTP/2、CORS 等网络知识
工具与流程：
- Git 工作流、Code Review 的规范
- Jest 单元测试从零到实践
- ESLint + Prettier 的代码规范配置
技术之外的成长
今年开始真正关注软件设计而不只是"会用框架"。
读了《代码整洁之道》，反思了很多以前写的"能跑就行"的代码。开始在意命名、函数大小、单一职责。虽然现在写的代码还谈不上优雅，但至少有了意识。
参与了几次技术分享，把博客里的内容整理成 PPT，给团队讲。表达能力比年初好了不少。
2018 年技术大事记
- 2月：Webpack 4 发布，构建速度大幅提升
- 8月：Babel 7 正式发布
- 8月：React 16.6 带来 lazy/Suspense
- 10月：React Conf 2018，Hooks 正式亮相
- 11月：Vue 2.6 发布，v-slot 统一插槽语法
- 全年：TypeScript 持续升温，越来越多的项目在用
React Hooks 是今年最让我兴奋的事。虽然还没稳定，但这个方向是对的——把逻辑从 UI 里分离出来，用自定义 Hook 复用，比 HOC 和 render props 优雅太多了。
2019 年的计划
技术方面：
- 等 React Hooks 正式版，把公司一个 React 项目全面迁移
- 认真看 Vue 3.0 的进展，学 Composition API
- TypeScript 的高级类型和类型体操搞懂
- Node.js 要系统学一遍，不只是写脚本
能力提升：
- 读完《重构》这本书
- 尝试参与一个开源项目
- 继续写博客，目标 30 篇以上
想尝试的方向：
- Webassembly 基础了解
- GraphQL，接口层的新思路
- CSS Houdini，更强大的 CSS 扩展能力
一点感想
今年感受最深的一点是：技术更新太快，但底层原理变化不大。
框架会换，工具会迭代，但 JavaScript 的运行机制、浏览器的渲染原理、网络协议的基础——这些东西几年都不会变。花时间打好基础，比追每一个新框架更有价值。
不过，也不能完全不追新技术。Hooks 这种级别的创新，如果等它完全普及再学，会落后很多。关键是分清哪些是「一定要跟」的大变化，哪些是「了解即可」的细节。
2018，就这样了。2019，继续加油。
感谢这一年所有看过这个博客的人。写博客的过程其实是整理自己思路的过程，写得不好的地方欢迎指出来。
新年快乐！