整理 · 前端笔记

[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)