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，繼續加油。
感謝這一年所有看過這個博客的人。寫博客的過程其實是整理自己思路的過程，寫得不好的地方歡迎指出來。
新年快樂！