**第一周(2.17~2.23)**
* Node.js CLI工具編寫
* [Mobx](https://cn.mobx.js.org/)入門
* 閱讀《CSS權威指南 第四版》
* [瀏覽器的原理](https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/)
* OOCSS
* 瀏覽《精通CSS》和《CSS3藝術》
* React實踐
**第二周(2.24~3.1)**
* 骨架屏選擇,[page-skeleton-webpack-plugin](https://github.com/ElemeFE/page-skeleton-webpack-plugin)和[react-content-loader](https://github.com/danilowoz/react-content-loader)
* [Emotion](https://emotion.sh/docs/introduction)
* React組件通信
* [OOCSS](https://github.com/stubbornella/oocss/wiki)、[BEM](https://en.bem.info/methodology/)、[SMACSS](http://smacss.com/)
* [YUI](https://yuilibrary.com/)
* [Ant Design中的設計風格指南](https://ant.design/docs/spec/introduce-cn)
**第三周(3.2~3.8)**
* Excel查詢函數
* 組件間通信
* ref和useEffect()
**第四周(3.9~3.15)**
* CSS Shapes
* 微信公眾號 JS-API踩坑
**第五周(3.16~3.22)**
* CSS漸變
* CSS矩陣、三維變形
* CSS濾鏡
* CSS合成
* CSS裁剪和遮罩
* [LibreOffice]([https://www.libreoffice.org/](https://www.libreoffice.org/))
**第六周(3.23~3.29)**
* CSS網格布局
* 閱讀Node.js書籍《狼書》
**第七周(3.30~4.5)**
* CSS網格布局
* Node.js Buffer、流和事件
**第八周(4.6~4.12)**
* Node.js 文件系統和網絡
* Node.js 編寫命令行
* 編譯原理
**第九周(4.13~4.19)**
* 重溫躬行記
* webpack構建過程、特點、熱更新、優化
* 前端路由原理
* 雙向綁定,defineProperty和Proxy
**第十周(4.20~4.26)**
* 自制前端腳手架
* webpack集成Jest
* webpack集成ESLint
* webpack集成TypeScript
* 制作命令行工具
**第十一周(4.27~5.3)**
* Koa
* Mongoose
* MongoDB
* ESLint踩坑
* Ant Design
**第十二周(5.4~5.10)**
* 轉盤
**第十二周(5.11~5.17)**
* 雪碧圖動畫,逐幀,steps()
* 在JavaScript中編寫動畫
**第十二周(5.18~5.24)**
* SVG精髓
**第十二周(5.25~5.31)**
* HTMLMediaElement事件
**第十三周(6.1~6.7)**
* 牛客網刷題
**第十四周(6.8~6.14)**
* 前端基礎題準備
* 前端架構設計
**第十五周(6.15~6.21)**
* 各類原理準備
**第十六周(6.22~6.28)**
* 性能優化書籍閱讀
**第十七周(6.29~7.5)**
* 撰寫性能優化系統文章
**第十八周(7.6~7.12)**
* 算法學習
**第十九周(7.13~7.19)**
* 算法實踐
**第二十周(7.20~7.26)**
* 閱讀《算法 第四版》
* 閱讀《程序員面試金典》
**第二十一周(7.27~8.2)**
* LeetCode做題
**第二十一周(8.3~8.9)**
* 閱讀瀏覽器工作原理
**第二十二周(8.10~8.16)**
* 記錄瀏覽器工作原理
**第二十三周(8.17~8.23)**
* 閱讀設計模式之美
**第二十四周(8.24~8.30)**
* 記錄設計模式之美
**第二十五周(8.31~9.6)**
* Flutter學習
**第二十六周(9.7~9.13)**
* React原理研究
* Web的音頻和視頻學習
**第二十七周(9.14~9.20)**
* 閱讀《黑客攻防技術寶典》
**第二十八周(9.21~9.27)**
* 交接
**第二十九周(9.28~10.4)**
* 適應新環境
**第三十周(10.5~10.11)**
* 歡度國慶
- ES6
- 1、let和const
- 2、擴展運算符和剩余參數
- 3、解構
- 4、模板字面量
- 5、對象字面量的擴展
- 6、Symbol
- 7、代碼模塊化
- 8、數字
- 9、字符串
- 10、正則表達式
- 11、對象
- 12、數組
- 13、類型化數組
- 14、函數
- 15、箭頭函數和尾調用優化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、類
- 21、類的繼承
- 22、Promise
- 23、Promise的靜態方法和應用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基礎實踐
- 3、WebRTC視頻通話
- 4、Web音視頻基礎
- CSS進階
- 1、CSS基礎拾遺
- 2、偽類和偽元素
- 3、CSS屬性拾遺
- 4、浮動形狀
- 5、漸變
- 6、濾鏡
- 7、合成
- 8、裁剪和遮罩
- 9、網格布局
- 10、CSS方法論
- 11、管理后臺響應式改造
- React
- 1、函數式編程
- 2、JSX
- 3、組件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表單
- 8、樣式
- 9、組件通信
- 10、高階組件
- 11、Redux基礎
- 12、Redux中間件
- 13、React Router
- 14、測試框架
- 15、React Hooks
- 16、React源碼分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基礎
- 4、webpack進階
- 5、Git
- 6、Fiddler
- 7、自制腳手架
- 8、VSCode插件研發
- 9、WebView中的頁面調試方法
- Vue.js
- 1、數據綁定
- 2、指令
- 3、樣式和表單
- 4、組件
- 5、組件通信
- 6、內容分發
- 7、渲染函數和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、數據類型
- 2、接口
- 3、類
- 4、泛型
- 5、類型兼容性
- 6、高級類型
- 7、命名空間
- 8、裝飾器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系統和網絡
- 3、命令行工具
- 4、自建前端監控系統
- 5、定時任務的調試
- 6、自制短鏈系統
- 7、定時任務的進化史
- 8、通用接口
- 9、微前端實踐
- 10、接口日志查詢
- 11、E2E測試
- 12、BFF
- 13、MySQL歸檔
- 14、壓力測試
- 15、活動規則引擎
- 16、活動配置化
- 17、UmiJS版本升級
- 18、半吊子的可視化搭建系統
- 19、KOA源碼分析(上)
- 20、KOA源碼分析(下)
- 21、花10分鐘入門Node.js
- 22、Node環境升級日志
- 23、Worker threads
- 24、低代碼
- 25、Web自動化測試
- 26、接口攔截和頁面回放實驗
- 27、接口管理
- 28、Cypress自動化測試實踐
- 29、基于Electron的開播助手
- Node.js精進
- 1、模塊化
- 2、異步編程
- 3、流
- 4、事件觸發器
- 5、HTTP
- 6、文件
- 7、日志
- 8、錯誤處理
- 9、性能監控(上)
- 10、性能監控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 監控系統
- 1、SDK
- 2、存儲和分析
- 3、性能監控
- 4、內存泄漏
- 5、小程序
- 6、較長的白屏時間
- 7、頁面奔潰
- 8、shin-monitor源碼分析
- 前端性能精進
- 1、優化方法論之測量
- 2、優化方法論之分析
- 3、瀏覽器之圖像
- 4、瀏覽器之呈現
- 5、瀏覽器之JavaScript
- 6、網絡
- 7、構建
- 前端體驗優化
- 1、概述
- 2、基建
- 3、后端
- 4、數據
- 5、后臺
- Web優化
- 1、CSS優化
- 2、JavaScript優化
- 3、圖像和網絡
- 4、用戶體驗和工具
- 5、網站優化
- 6、優化閉環實踐
- 數據結構與算法
- 1、鏈表
- 2、棧、隊列、散列表和位運算
- 3、二叉樹
- 4、二分查找
- 5、回溯算法
- 6、貪心算法
- 7、分治算法
- 8、動態規劃
- 程序員之路
- 大學
- 2011年
- 2012年
- 2013年
- 2014年
- 項目反思
- 前端基礎學習分享
- 2015年
- 再一次項目反思
- 然并卵
- PC網站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端學習之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 2024年
- 日志
- 2020