# 好文章列表 用于学习和实践过程参考的文章（不会刻意去整理记录，但学习过程中会持续更新） ## 技术架构 - 《许式伟的架构课》从源头出发，带你重新理解架构设计 - [支付宝首次披露其小程序技术架构](https://mp.weixin.qq.com/s/PX7b_qV6tYKnN3ecoz9Ehw) - [构建可信软件系统](https://github.com/phodal/trusted/blob/master/images/trusted.jpg) - [蚂蚁前端研发最佳实践](https://github.com/sorrycc/blog/issues/90) ### 前端架构 - [对前端架构的理解 - 分层与抽象](https://github.com/ascoders/weekly/blob/master/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/254.%E7%B2%BE%E8%AF%BB%E3%80%8A%E5%AF%B9%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84%E7%9A%84%E7%90%86%E8%A7%A3%20-%20%E5%88%86%E5%B1%82%E4%B8%8E%E6%8A%BD%E8%B1%A1%E3%80%8B.md) ## 设计模式 - [观察者模式 vs 发布-订阅模式](https://juejin.im/post/5a14e9edf265da4312808d86) - [图说设计模式](https://design-patterns.readthedocs.io) - [java-design-patterns](https://github.com/iluwatar/java-design-patterns) - [javascript-patterns](https://github.com/shichuan/javascript-patterns) - [Design-Patterns-in-Javascript](https://github.com/tcorral/Design-Patterns-in-Javascript) ## 性能优化 - [Front-End-Checklist](https://github.com/thedaviddias/Front-End-Checklist) ## 缓存 - [从前端的角度理解缓存](https://github.com/BooheeFE/weekly/issues/30) - [web性能优化之：no-cache与must-revalidate深入探究](https://segmentfault.com/a/1190000007317481) ## 监控 - [没有监控完备，何来“剁手”畅快 | 电商平台监控详解](https://mp.weixin.qq.com/s?__biz=MzU1MzE2NzIzMg==&mid=2247487111&idx=1&sn=c126be1faaa13f0700b550f897c465f1&chksm=fbf7be68cc80377ef620ef80ac3d1dab16966f58667aa4b9e4523887184bb823b4023238bb8d&scene=0#rd) - [如何从 0 到 1 搭建性能检测系统](https://juejin.cn/post/6887580440803311630) ## Auth - [【简易图解】『 OAuth2.0』 猴子都能懂的图解](https://laravel-china.org/articles/20031) ## 团队管理 ### 经验 - [卖菜的前端](https://www.yuque.com/sxc/front) 宋小菜前端的实践总结 ### 前端工程化 - [前端团队工程化记录](https://github.com/giscafer/front-end-manual/issues/26) 个人的一些实践总结 - [《蚂蚁金服的前端框架和工程化实践》](https://github.com/sorrycc/blog/issues/85) ### 学习资料 - [如何提升前端团队产能](https://mp.weixin.qq.com/s?__biz=MzU1NjUxNTkxMg==&mid=2247483709&idx=1&sn=0555c95330ddfcd0c266caed7b94f1ce) - [研发团队资源成本优化实践](https://tech.meituan.com/2019/02/21/rd-team-resource-cost-optimization-practice.html) - 📖 [managers-playbook](https://github.com/ksindi/managers-playbook) Heuristics for effective management - 📖 [engineering-management](https://github.com/charlax/engineering-management) A collection of inspiring resources related to engineering management and tech leadership ### 社群 - [前端技术管理交流群](https://www.yuque.com/iscott/tl) ## 规范 - [lerna workflow](https://github.com/pigcan/blog/issues/16) - [用工具思路来规范化 git commit message](https://github.com/pigcan/blog/issues/16) - [if 我是前端团队 Leader，怎么制定前端协作规范?](https://juejin.im/post/5d3a7134f265da1b5d57f1ed#) ## Lead - [Tech Lead 相关文章](https://github.com/phodal/techlead/blob/master/articles/README.md) - [Tech Lead Learn Guide](https://github.com/phodal/techlead) ## 可视化工具搭建 - [页面可视化搭建工具技术要点](https://mp.weixin.qq.com/s/90JJAFhGokKmicOQZxdAGg) - [前端服务化——页面搭建工具的死与生](https://www.cnblogs.com/sskyy/p/6496287.html) - [页面可视化搭建工具前生今世](http://web.jobbole.com/94714/) - [可视化在线编辑器架构设计](https://www.jianshu.com/p/840e0b0b2c6a) - [awesome-lowcode](https://github.com/taowen/awesome-lowcode) 低代码平台相关资源 ## 研发能效 - [跨项目区块复用方案实践](https://github.com/mcuking/blog/issues/88) - [90DaysOfDevOps](https://github.com/MichaelCade/90DaysOfDevOps) ## 实践 - [领域驱动设计在前端中的应用](https://github.com/Vincedream/ddd-fe-demo) - [前端同构渲染的思考与实践](https://juejin.im/post/5c821dc45188257e1f2915b1) - [前端早早聊大会](https://www.yuque.com/zaotalk) 前端各类技术专场技术分享 - [mobile-web-best-practice](https://github.com/mcuking/mobile-web-best-practice) - [实现微信小程序编译和运行环境系列(核心篇一) ](https://github.com/gongmw/blog/issues/7) ## AR & VR ### VR - 如视 http://www.realsee.com/ - 纵趣VR https://www.3dnest.cn/index.html - [三种前端实现VR全景看房的方案！说不定哪天就用得上！](https://juejin.cn/post/6973865268426571784) ### 物联网建模 - ThingJS http://www.thingjs.com/guide/intelligentFactory/ ## 其他 - [前端之未来](https://www.yuque.com/zenany/up/the_future_frontend) - [对于走专业路线还是管理路线的看法](https://mp.weixin.qq.com/s/mGVduRcOpO92pO7wE0tKBg) - [他人的学习方法论](https://github.com/giscafer/front-end-manual/issues/25) **多文章** - [高效学习 & 程序员练级攻略](https://www.yuque.com/fe9/basic/qvoo0d) ## Review the knowledge ### Tech Book - [【计算机科学速成课】[40集全/精校] - Crash Course Computer Science](http://www.bilibili.com/video/av21376839/?share_source=copy_link&p=1&ts=1552301890&share_medium=iphone&bbid=b06c593344cde7d46c4fefb6f0970f82) - [getify/You-Dont-Know-JS](https://github.com/getify/You-Dont-Know-JS) A book series on JavaScript - [33-js-concepts](https://github.com/leonardomso/33-js-concepts) 33 concepts every JavaScript developer should know. - [js-dev-reads](https://github.com/twhite96/js-dev-reads#core-concepts) A list of books 📚and articles 📝 for the discerning web developer to read. ### Algorithms - [thealgorithms/javascript](https://github.com/thealgorithms/javascript) Algorithms implemented in Javascript for beginners, following best practices. - [apachecn / awesome-algorithm](https://github.com/apachecn/awesome-algorithm) - [trekhleb / javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) Algorithms and data structures implemented in JavaScript with explanations and links to further readings - [labuladong 的算法小抄](https://labuladong.gitee.io/algo/) - [各大互联网公司容易考察的高频leetcode题](https://github.com/afatcoder/LeetcodeTop) ### React - [React技术揭秘](https://react.iamkasong.com/) - [图解React原理系列](https://7kms.github.io/react-illustration-series/) - [跟着我，从0实现React18](https://github.com/BetaSu/big-react) ### Blog - [qq449245884/xiaozhi](https://github.com/qq449245884/xiaozhi) 整理翻译一系列前端优质文章 - [mqyqingfeng/Blog](https://github.com/mqyqingfeng/Blog) JavaScript深入系列、JavaScript专题系列、ES6系列、React系列 - [深入理解 JavaScript 异步](https://github.com/wangfupeng1988/js-async-tutorial) - [通过源码分析nodejs原理](https://github.com/theanarkh/understand-nodejs) ### Articles - [JS 原生面经从初级到高级【近1.5W字】](https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-129) ### Interview - [InterviewMap / CS-Interview-Knowledge-Map](https://github.com/InterviewMap/CS-Interview-Knowledge-Map) - [CyC2018 / CS-Notes](https://github.com/CyC2018/CS-Notes) - [h5bp / Front-end-Developer-Interview-Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions) A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. - [alex / what-happens-when](https://github.com/alex/what-happens-when) - [yangshun / tech-interview-handbook](https://github.com/yangshun/tech-interview-handbook) Algorithms study materials, behavioral content and tips for rocking your coding interview - [lgwebdream/FE-Interview](https://github.com/lgwebdream/FE-Interview) 1000+面试真题 - [fe-interview](https://github.com/haizlin/fe-interview) 每前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！ - [Advanced-Frontend / Daily-Interview-Question](https://github.com/Advanced-Frontend/Daily-Interview-Question) 工作日每天一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己 - [fex-team / interview-questions](https://github.com/fex-team/interview-questions) FEX 面试关注的问题 - [ElemeFE / node-interview](https://github.com/ElemeFE/node-interview) How to pass the Node.js interview of ElemeFE - [HIT-Alibaba / interview](https://github.com/HIT-Alibaba/interview) - [jwasham / coding-interview-university](https://github.com/jwasham/coding-interview-university) A complete computer science study plan to become a software engineer. - [front-end-interview](https://github.com/elecrabbit/front-end-interview) A list of interview for front-end developer(前端开发者面试清单) . - [viraptor/reverse-interview](https://github.com/viraptor/reverse-interview) Questions to ask the company during your interview - [wheel-awesome](https://github.com/su37josephxia/wheel-awesome) 天天造轮子，手写面试常见源码。 - [Daily-Question](https://github.com/shfshanyue/Daily-Question) 互联网大厂内推及大厂面经整理 - [febobo/web-interview](https://github.com/febobo/web-interview) 语音打卡社群维护的前端面试题 - [技术面试最后反问面试官的话](https://github.com/yifeikong/reverse-interview-zh)
好文章列表
用于学习和实践过程参考的文章（不会刻意去整理记录，但学习过程中会持续更新）
技术架构
前端架构
设计模式
性能优化
缓存
监控
Auth
团队管理
经验
前端工程化
学习资料
社群
规范
Lead
可视化工具搭建
研发能效
实践
AR & VR
VR
物联网建模
其他
Review the knowledge
Tech Book
Algorithms
React
Blog
Articles
Interview