[TOC] # 瀏覽器 [puppeteer](https://github.com/GoogleChrome/puppeteer) [分析V8和周邊技術、并且著手代碼的優化](https://github.com/bluezhan/v8) # 網絡 [《HTTP權威指南》概念手冊](https://github.com/woai30231/http) ~~[搞定計算機網絡面試，看這篇就夠了（補充版）](https://juejin.im/post/5b7be0b2e51d4538db34a51e#comment)~~ # CSS ~~[CSS性能優化的8個技巧](https://juejin.im/post/5b6133a351882519d346853f)~~ ~~[關于移動端適配，你必須要知道的](https://juejin.im/post/5cddf289f265da038f77696c)~~ # Javascript ~~[函數式編程術語及示例](https://github.com/shfshanyue/fp-jargon-zh)~~ ~~[少俠，留步，圖片預覽術](https://juejin.im/post/5b890c386fb9a019c771713a#heading-6)~~ ~~[一次弄懂Event Loop（徹底解決此類面試問題）](https://juejin.im/post/5c3d8956e51d4511dc72c200)~~ [前端大文件上傳](https://juejin.im/post/5cf765275188257c6b51775f) [如何實現一個下載進度條/播放進度條](https://juejin.im/post/5cfcd4c5f265da1bb13f246e) # typescript [TypeScript Deep Dive 中文版](https://github.com/jkchao/typescript-book-chinese) [typescript-tutorial](https://github.com/xcatliu/typescript-tutorial) # 框架 ## React [React 模式](https://github.com/SangKa/react-in-patterns-cn) [reactive.how](https://github.com/cedricss/reactive.how) <br> ## Vue [手摸手，帶你用vue擼后臺 系列一（基礎篇）](https://juejin.im/post/59097cd7a22b9d0065fb61d2) [手摸手，帶你用vue擼后臺 系列五(v4.0新版本)](https://juejin.im/post/5c92ff94f265da6128275a85) [Vue 應用性能優化指南](https://juejin.im/post/5b960fcae51d450e9d645c5f) [VueSSR高階指南](https://juejin.im/post/5b8e64c5f265da43481607a1) [Vue-cli@3.0 插件系統簡析](https://juejin.im/post/5b8f586c5188255c9d55eedf) [Vue 項目里戳中你痛點的問題及解決辦法（更新）](https://juejin.im/post/5b174de8f265da6e410e0b4e) [【2019 前端進階之路】Vue 組件間通信方式完整版](https://juejin.im/post/5c776ee4f265da2da53edfad) [vue-cli3 項目從搭建優化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062) [基于vue實現web端超大數據量表格](https://juejin.im/post/5ca1a986f265da30a2319e2e) [VUE-UnitTest](https://holylovelqq.github.io/vue/VueUnitTest.html#%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E5%86%99%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95) ## 源碼 [learnVue](https://github.com/answershuto/learnVue) [Vue.js 源碼分析](https://github.com/ustbhuangyi/vue-analysis) [剖析Vue實現原理 - 如何實現雙向綁定mvvm](https://github.com/DMQ/mvvm) [vue-ddf-](https://github.com/qq281113270/vue-ddf-) [讓虛擬DOM和DOM-diff不再成為你的絆腳石](https://juejin.im/post/5c8e5e4951882545c109ae9c) # 后端 [TypeOrm： 可運行在 NodeJS, Browser, Cordova 等平臺的 Orm 框架](https://github.com/typeorm/typeorm) [不務正業的前端之SSO（單點登錄）實踐](https://juejin.im/post/5b51f39b5188251a9f24a264) [前端需要了解的 SSO 與 CAS 知識](https://juejin.im/post/5a002b536fb9a045132a1727) ~~[「全棧之路」Web前端開發的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)~~ # Node [Node.js Best Practices](https://github.com/i0natan/nodebestpractices) [基于 Nest.js 的微服務開發架構](https://github.com/notadd/notadd) [Node.js 應用故障排查手冊](https://github.com/aliyun-node/Node.js-Troubleshooting-Guide) ~~[技術棧：為什么 Node 是小菜前端團隊的核心技術棧](https://juejin.im/post/5ca321f76fb9a05e5d09bb8a)~~ [實戰node靜態文件服務器](https://www.jianshu.com/p/9fcd54af0e0f) [node靜態文件服務器](https://github.com/lihuanji/hope-server) # 性能 [讓老板虎軀一震的前端技術，KPI殺手](https://juejin.im/post/5c3ff18b6fb9a04a0a5f76aa) [2018 前端性能優化清單](https://juejin.im/post/5a966bd16fb9a0635172a50a) ~~[面試精選之http緩存](https://juejin.im/post/5b3c87386fb9a04f9a5cb037)~~ # 安全 [js-xss](https://github.com/leizongmin/js-xss) # 多端 [近兩萬字小程序攻略發布了](https://juejin.im/post/5b8fd1416fb9a05cf3710690) [微信小應用資源匯總整理](https://github.com/Aufree/awesome-wechat-weapp) [Westore - 微信小程序解決方案](https://github.com/Tencent/westore) [flutter-go](https://github.com/alibaba/flutter-go) [awesome-flutter](https://github.com/Solido/awesome-flutter) [移動端在微信、微博、QQ、Safari 喚起 App 的解決方案](https://github.com/sunhaikuo/js-arouse-app) # 編譯原理、語法解析 [recast](https://github.com/benjamn/recast) [可能是最小的編譯器](https://github.com/starkwang/the-super-tiny-compiler-cn) # 設計模式 [JavaScript 常見設計模式解析](https://juejin.im/post/58f4c702a0bb9f006aa80f25) # 數據結構和算法 [leetcode](https://github.com/azl397985856/leetcode) [algorithms.js](https://github.com/felipernb/algorithms.js) [JavaScript 算法與數據結構](https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md) [用動畫的形式呈現解LeetCode題目的思路](https://github.com/MisterBooo/LeetCodeAnimation) [用100行代碼提升10倍的性能](https://juejin.im/post/5bec223f5188250c102116b5)) [algorithm-visualizer](https://github.com/algorithm-visualizer/algorithm-visualizer) ~~[在 JavaScript 中學習數據結構與算法](https://juejin.im/post/594dfe795188250d725a220a)~~ ~~[前端筆試&面試爬坑系列---算法](https://juejin.im/post/5b72f0caf265da282809f3b5)~~ # 多媒體 [直播原理與web直播實戰](https://juejin.im/post/5ab851b6f265da23826df601) [如何實現前端錄音功能](https://juejin.im/post/5b8bf7e3e51d4538c210c6b0) [「1.4萬字」玩轉前端 Video 播放器 | 多圖預警](https://juejin.cn/post/6850037275579121671) [彈幕不擋人！基于色鍵技術的純客戶端實時蒙版彈幕](https://juejin.cn/post/6844903766148284423) [深入淺出基于HLS流媒體協議視頻加密的解決方案](https://github.com/hauk0101/video-hls-encrypt) # 動畫 [制作60fps的高性能動畫](https://juejin.im/post/5b8d032f6fb9a019e04eb969) [動畫道路上的新寵 -- Lottie](https://juejin.im/post/5b7e74ce51882542a92ba0e9) [三角函數在前端動畫中的應用](https://w3ctrain.com/2018/08/20/trigonometry-you-must-know/) [可能是最全的前端動效庫匯總](https://juejin.im/post/5cc089eae51d456e7d189f9d) # 構建 # 部署 [前端必會的 Nginx入門視頻教程(共11集)](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7) [Nginx與前端開發](https://juejin.im/post/5bacbd395188255c8d0fd4b2) # 監控 [sentry-javascript](https://github.com/getsentry/sentry-javascript) [前端性能與異常上報](https://juejin.im/post/5b5dcfb46fb9a04f8f37afbb) [GMTC 大前端時代前端監控的最佳實踐](https://juejin.im/post/5b35921af265da598f1563cf) # 測試 [f2etest](https://github.com/alibaba/f2etest) # 代碼規范 ~~[standard](https://github.com/standard/standard)~~ [JavaScript 代碼整潔之道](https://github.com/ryanmcdermott/clean-code-javascript) # 神經網絡 [tensorspace](https://github.com/tensorspace-team/tensorspace) [前端AI實戰——告訴世界前端也能做AI](https://juejin.im/post/5bbb30e6f265da0aa94a2a6c) # 其他 [Web前端程序員簡歷模板](https://github.com/geekcompany/ResumeSample/blob/master/web.md)