文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
> 更新时间：2022-06-20 16:46:44（脚本自动生成，勿手动修改，详见：info.md)
# F2E-Awesome [![知识共享协议（CC协议）](https://img.shields.io/badge/License-Creative%20Commons-DC3D24.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh) [![GitHub stars](https://img.shields.io/github/stars/f2e-awesome/knowledge.svg?style=flat&label=Star)](https://github.com/f2e-awesome/knowledge/stargazers) [![GitHub forks](https://img.shields.io/github/forks/f2e-awesome/knowledge.svg?style=flat&label=Fork)](https://github.com/f2e-awesome/knowledge/fork) [![GitHub watchers](https://img.shields.io/github/watchers/f2e-awesome/knowledge.svg?style=flat&label=Watch)](https://github.com/f2e-awesome/knowledge/watchers)

![Tags](https://github.com/f2e-awesome/knowledge/blob/master/img/tags.jpg)

- 难度等级：☆ 为初级，☆☆ 为中级，☆☆☆ 为高级
- 标签体系：[开发工具](#开发工具)、[前端类库](#前端类库)、[移动端](#移动端)、[必学原理](#必学原理)、[PWA](#PWA)、[WebAssembly](#WebAssembly)、[小程序](#小程序)、[Canvas](#Canvas)、[WebGL](#WebGL)、[SVG](#SVG)、[HTML5](#HTML5)、[Elasticsearch](#Elasticsearch)、[Graphql](#Graphql)、[模块化编程](#模块化编程)、[算法](#算法)、[加密](#加密)、[数据结构](#数据结构)、[包管理](#包管理)、[Python](#Python)、[数据库](#数据库)、[设计模式](#设计模式)、[网络协议](#网络协议)、[CSS](#CSS)、[DOM](#DOM)、[函数式编程](#函数式编程)、[跨域](#跨域)、[事件模型](#事件模型)、[安全](#安全)、[前端规范](#前端规范)、[Nginx](#Nginx)、[Git](#Git)、[CDN](#CDN)、[JS](#JS)、[Linux](#Linux)、[Electron](#Electron)、[抓包工具](#抓包工具)、[测试](#测试)、[容器化](#容器化)、[DNS](#DNS)、[监控](#监控)、[数据可视化](#数据可视化)、[浏览器](#浏览器)、[前端工程化](#前端工程化)、[物联网](#物联网)、[消息队列](#消息队列)、[V8](#V8)、[DevOps](#DevOps)、[微前端](#微前端)、[LowCode](#LowCode)、[主流框架](#主流框架)、[架构](#架构)、[AI](#AI)、[面试](#面试)、[前端组织](#前端组织)、[学习网站](#学习网站)、[技术杂谈](#技术杂谈)、[优化](#优化)、[Serverless](#Serverless)、[源码学习](#源码学习)、[Web](#Web)
### 开发工具
- [Sublime Text](https://www.sublimetext.com/3) ☆☆
- [VS Code](https://code.visualstudio.com/Download/) ☆☆☆
- [Atom](https://atom.io/) ☆☆
- [WebStorm](https://www.jetbrains.com/webstorm/download/#section=windows) ☆☆☆
### 前端类库
- JS 类库
  - [jQuery](http://api.jquery.com/) ☆
  - [zepto](http://www.zeptojs.cn/) ☆
  - [underscore](http://www.css88.com/doc/underscore/) ☆☆
  - [lodash](https://www.lodashjs.com/) ☆☆
- UI 库 ☆
  - [Bulma](https://bulma.io/)
  - [EasyUI](http://www.jeasyui.net/)
  - [Bootstrap](http://www.bootcss.com/)
  - [Meterial Design](https://material.io)
  - [Wired Elements(手绘风格 UI 库)](https://juejin.im/entry/5b1dd2b2f265da6e0f70b7e1?utm_source=gold_browser_extension)
  - 移动端
   - [SUI Mobile](http://m.sui.taobao.org/)
   - [MUI](http://dev.dcloud.net.cn/mui/)
- 软件
  - PS ☆
  - AI ☆
  - [精品 MAC 应用分享](http://xclient.info/?t=b4b436fb1b66a3542c9e25e85d474bd51998960d) ☆
- 视觉网站
  - [Behance](https://www.behance.net/) ☆☆
  - [Dribbble](https://dribbble.com/) ☆☆
- 原型工具
  - Axure ☆
  - [Sketch](http://www.sketchcn.com/sketch-chinese-user-manual.html) ☆
### 移动端
- Native App
  - [React Native](https://facebook.github.io/react-native/) ☆☆
  - [Weex](http://weex.apache.org) ☆☆
  - [NativeScript](https://www.nativescript.org/)
- Hybird App
  - Ionic ☆☆
  - Cordova ☆☆
  - Phonegap ☆☆
- Web App ☆
- 响应式布局
  - rem  ☆
- webview
  - 页面通信 ☆
  - 原理 ☆☆
- [关于 Hbuilder](http://jartto.wang/2015/02/13/about-hbuilder/) ☆
- [移动端 Touchend 事件不触发解决方案](http://jartto.wang/2015/06/25/solutions-to-touchend-on-mobile/) ☆
- [移动Web UI库（H5框架）有哪些](https://blog.csdn.net/u013778905/article/details/78632650) ☆
- [H5 移动调试全攻略](http://jartto.wang/2018/11/01/mobile-debug/) ☆☆
- Flutter
  - [Awesome-Flutter](https://github.com/fluttercnclub/awesome-fluttercn) ☆
  - [闲鱼Flutter互动引擎系列](https://mp.weixin.qq.com/s/oa-XUzWhhsz37Mj-Y6WkzA) ☆☆
  - [深入了解 Flutter 的高性能图形渲染](https://mp.weixin.qq.com/s/RNhdYtoQ8RQcjIXJReGZWA) ☆☆☆
### 必学原理
- [AST 抽象语法树](http://jartto.wang/2018/11/17/about-ast/) ☆☆
- [AST 与前端工程化实战](https://mp.weixin.qq.com/s/frZq6DBjK7TYV3hiqSUj3w) ☆☆
- [编译原理：从 0 写一个 js 解释器](https://zhuanlan.zhihu.com/p/137509746?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆
### PWA
- [官网](https://developers.google.com/web/progressive-web-apps/) ☆☆
- [第一本 PWA 中文书](https://juejin.im/entry/5a1c394a5188255851326da5) ☆☆
- [PWA（Progressive Web App）初探总结](https://blog.csdn.net/qq_19238139/article/details/77531191) ☆
- [讲讲 PWA](https://segmentfault.com/a/1190000012353473)
- [React 同构应用 PWA 升级指南](https://github.com/happylindz/blog/issues/14?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆
- [9 amazing PWA secrets](https://www.creativebloq.com/features/9-amazing-pwa-secrets) ☆☆☆
- [awesome-progressive-web-apps](https://github.com/TalAter/awesome-progressive-web-apps) 打造 `PWA` 的资源集合
- [pwa.rocks](https://pwa.rocks/) 一些优秀的 `PWA` 集合
### WebAssembly
- [WebAssembly，Web 的新时代](http://blog.csdn.net/zhangzq86/article/details/61195685) ☆☆
- [来谈谈 WebAssembly 是个啥？为何说它会影响每一个 Web 开发者？](http://blog.csdn.net/wulixiaoxiao1/article/details/60581397) ☆
- [WebAssembly 系列（四）WebAssembly 工作原理](https://segmentfault.com/a/1190000008686643) ☆☆☆
- [如何评论浏览器最新的 WebAssembly 字节码技术？](https://www.zhihu.com/question/31415286) ☆☆
### 小程序
- [快速上手小程序](http://jartto.wang/2018/01/25/quick-start-mini-programs/) ☆☆
- [细数小程序的坑](http://jartto.wang/2018/02/08/count-pit-of-mini-programs/) ☆☆
- [小程序开发 Tips](http://jartto.wang/2018/03/06/tips-of-mini-programs/) ☆☆
- [Taro 多端统一开发框架](https://github.com/NervJS/taro)
### Canvas
- [玩转「Canvas」](https://juejin.im/post/5bfba4d6e51d452fd80f0f0d) ☆
- [Canvas 实现单机版贪吃蛇](https://juejin.im/post/5b115c54f265da6e65165aef?utm_source=gold_browser_extension) ☆☆☆
- [用 Canvas 画一个进度盘](https://juejin.im/post/5b25e3396fb9a00e7a3d5161?utm_source=gold_browser_extension) ☆☆

### WebGL
- [WebGL技术储备](http://taobaofed.org/blog/2015/12/21/webgl-handbook/) ☆☆
- [WebGL的实际使用](http://taobaofed.org/blog/2018/05/07/optimizing-page-performance-with-shader/) ☆☆
- [WebGL 3D版俄罗斯方块](http://www.cnblogs.com/xhload3d/p/9098386.html)  ☆☆☆

### SVG
- [走进 SVG ](http://jartto.wang/2016/09/10/step-in-svg/) ☆☆
- [SVG 类库 snap.svg.js](http://snapsvg.io/) ☆☆
### HTML5
- 初级 ☆
  - [语义化](https://www.jianshu.com/p/b226910034f2)
  - [Audio 和 Video](https://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp)
  - Web Storage
  - [HTML5 MDN](https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5)
  - [HTML5 Tricks](https://www.html5tricks.com/category/html5-tutorials)
  - [HTML5 教程手册](https://www.html.cn/doc/html5/draganddrop/)
- 中级 ☆☆
  - 离线存储
  - [HTML5 摄像头](http://jartto.wang/2017/11/28/h5-user-media/)
  - [HTML5 全屏](http://jartto.wang/2017/06/25/h5-fullscreen-api/)
  - [HTML5 拖放实现](http://jartto.wang/2017/10/23/html5-drag/)
  - [HTML5 全屏滑动组件](http://kele527.github.io/iSlider/)
  - [HTML5 之地理定位（Geolocation）](http://jartto.wang/2018/11/16/html5-geolocation/)
  - [HTML5 之消息通知（Web Notification）](http://jartto.wang/2018/10/30/html5-notification/)
  - [HTML5 之音频合成（SpeechSynthesis）](http://jartto.wang/2018/10/31/h5-SpeechSynthesis/)
  - [WebSocket](https://github.com/Pines-Cheng/blog/issues/37)
- 高级 ☆☆☆
  - Communication
  - Web Workder
    - [Web Worker](https://juejin.im/entry/5bcec53f6fb9a05cda77a347?utm_source=gold_browser_extension)
    - [Web Workers + 5 cases](https://blog.sessionstack.com/how-javascript-works-the-building-blocks-of-web-workers-5-cases-when-you-should-use-them-a547c0757f6a)
    - [Speedy Introduction to Web Workers](https://auth0.com/blog/speedy-introduction-to-web-workers/)
  - requestAnimationFrame
  - requestIdleCallback
- 扩展
  - [HTML5 API 大盘点](http://jartto.wang/2016/07/25/make-an-inventory-of-html5-api/) ☆☆
  - [H5 页面滚动阻尼效果实现](https://juejin.im/post/5b24ffe3f265da59934b33f4?utm_source=gold_browser_extension)

### Elasticsearch
- [Elasticsearch 官网](https://www.elastic.co/products/elasticsearch)
- [基于 Elasticsearch 实现搜索建议](https://juejin.im/post/5b5a64c7518825620f57e907)
### Graphql
- [graphql](https://graphql.cn/)
- [apollo](https://www.apollographql.com/)
- [apollo-blog](https://dev-blog.apollodata.com/) 需要翻墙
### 模块化编程
- [CMD](https://github.com/seajs/seajs/issues/242) ☆
  - [SeaJS](http://yslove.net/seajs/) ☆
- [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD) ☆
  - [Requirejs](http://requirejs.org/docs/optimization.html) ☆
- [JS 模块化编程之彻底弄懂 CommonJS 和 AMD/CMD！](https://www.cnblogs.com/chenguangliang/p/5856701.html) ☆
- [AMD 和 CMD 的区别有哪些？](https://www.zhihu.com/question/20351507) ☆
### 算法
- [前端数据结构与算法入门](https://mp.weixin.qq.com/s/UgLUXLJ6bSnQ2ZIZnTqLUg) ☆
- [算法练习](https://leetcode-cn.com/problemset/all/) ☆☆
- [JavaScript 算法与数据结构](https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md) ☆☆☆
- 算法入门 ☆☆
  - [算法图解1 - 二分查找和大O表示法](http://jartto.wang/2018/11/22/algorithm1/)
  - [算法图解2 - 数组和链表](http://jartto.wang/2018/11/25/algorithm2/)
  - [算法图解3 - 递归，快排](http://jartto.wang/2018/11/26/algorithm3/)
  - [算法图解4 - 散列表](http://jartto.wang/2018/11/27/algorithm4/)
  - [算法图解5 - 图和广度优先搜索](http://jartto.wang/2018/11/28/algorithm5/)
  - [算法图解6 - 狄克斯特拉算法与贪婪算法](http://jartto.wang/2018/11/29/algorithm6/)
  - [算法图解7 - 动态规划](http://jartto.wang/2018/11/29/algorithm7/)
- 贪心算法
- 动态规划
- 搜索
- 图论
- 计算几何
- 数学
- 大数问题
- 矩阵计算
- [十大经典排序算法动画](https://mp.weixin.qq.com/s/giubE_Jo1NhIqTteeOmj7g)

### 加密
- [初探加密算法](http://jartto.wang/2017/12/03/exploration-the-encryption/) ☆☆☆
- [算法分析](https://pan.baidu.com/s/1bYfdZx3o5vL6MRyCit8P8w) 密码: as75 ☆☆☆
- [程序员实用算法](https://pan.baidu.com/s/1O3iGlPfW-REEW6yRTKw9oQ) 密码: mmap ☆☆☆
- 对称加密
  - DES ☆☆☆
  - 3DES ☆☆☆
  - TDEA ☆☆☆
  - Blowfish ☆☆☆
  - RC2 ☆☆☆
  - RC4 ☆☆☆
  - RC5 ☆☆☆
  - IDEA ☆☆☆
  - SKIPJACK ☆☆☆
  - AES ☆☆☆
- 非对称加密
  -  RSA ☆☆☆
  -  ECC（移动设备用） ☆☆☆
  -  Diffie-Hellman ☆☆☆
  -  El Gamal ☆☆☆
  -  DSA（数字签名用） ☆☆☆
- Hash 加密
  - MD2 ☆☆☆
  - MD4 ☆☆☆
  - MD5 ☆☆☆
  - HAVAL ☆☆☆
  - SHA ☆☆☆
- 综合实践
  - [OAuth2.0 的四种授权方式](https://mp.weixin.qq.com/s/YaZvBvFx2Ccmw4C2287uog) ☆☆
### 数据结构
- 分类
  - 数组
  - 栈
  - 队列
  - 链表
  - 树 
    - 二叉树
  - 图
  - 堆
  - 散列表
  - 链表
    - 单向链表
    - 双向链表
    - 环链表
- [Data Structures for Beginners](https://adrianmejia.com/blog/2018/04/28/data-structures-time-complexity-for-beginners-arrays-hashmaps-linked-lists-stacks-queues-tutorial/) ☆☆
### 包管理
- npm ☆
- cnpm ☆
- yarn ☆
- homebrew ☆
- bower ☆
### Python
- 初级 ☆
  - [Python 入门指南](http://www.runoob.com/manual/pythontutorial/docs/html/)
  - [Python 官方文档](https://www.python.org/)
  - Python 笔记
    - [简单语法](http://jartto.wang/2018/06/24/learn-python-3/)
    - [常用操作](http://jartto.wang/2018/06/12/learn-python-2/)
    - [Open 文件操作](http://jartto.wang/2018/05/19/learn-python-1/)
    - ...
- 中级 ☆☆
  - [30s Python](http://python.kriadmin.me/) 
  - [爬虫](https://github.com/facert/awesome-spider)
    - [Scrapy](http://scrapy-chs.readthedocs.io/zh_CN/0.24/intro/overview.html)
  - Web 框架
    - Tornado 
    - Jinja2 
    - Flask 
    - Django 
- 高级 ☆☆☆
  - [Cook Book](http://python3-cookbook.readthedocs.io/zh_CN/latest/)
  - 分布式
      - Celery
  - 移动端
      - Kivy
  - 数据分析
      - Pandas
  - 可视化
    - Matplotlib
    - Seaborn
    - Plotly
    - Bokeh
  - 机器学习
    - Tensorflow
    - PyTorch
    - MxNet
### 数据库
- MySQL ☆☆☆
- Redis ☆☆☆
  - [Redis 教程](http://www.runoob.com/redis/redis-tutorial.html)
  - [读完这篇，你一定能真正理解 Redis 持久化](https://mp.weixin.qq.com/s/pIb--1AaJa-RARpdZaNBmA)
- Memcached ☆☆☆
  - [Memcached 教程](http://www.runoob.com/memcached/memcached-install.html)
- [三种基本的存储引擎比较](https://mp.weixin.qq.com/s/Iemp-8dKPGXli6GtRnzFaw) ☆☆☆
### 设计模式
- [菜鸟-设计模式](http://www.runoob.com/design-pattern/design-pattern-tutorial.html) ☆☆
- [JavaScript 设计模式](https://juejin.im/entry/5b2929b351882574bd7edddd?utm_source=gold_browser_extension) ☆
- [常用的 Javascript 设计模式](http://blog.jobbole.com/29454/) ☆☆
- [23 种设计模式全解析](https://www.cnblogs.com/susanws/p/5510229.html)
- 创建型模式
  - 工厂方法
  - 抽象工厂
  - 建造者
  - 原型
  - 单例
- 结构型模式
  - 适配器
  - 桥接
  - 组合
  - 装饰器
  - 外观
  - 享元
  - 代理
- 行为型模式
  - 解释器
  - 模板方法
  - 责任链
  - 命令
  - 迭代器
  - 中介者
  - 备忘录
  - 观察者
  - 状态
  - 策略
  - 访问者
### 网络协议
- TCP ☆☆☆
- UDP ☆☆☆
- [HTTP 协议入门](http://jartto.wang/2016/08/04/Rudimentary-http-protocol/) ☆
- [HTTP2](http://jartto.wang/2018/03/30/grasp-http2-0/) ☆☆☆
- HTTPS ☆☆
  - [一个故事讲完 HTTPS](https://mp.weixin.qq.com/s/StqqafHePlBkWAPQZg3NrA)
  - [图文还原 HTTPS 原理](https://mp.weixin.qq.com/s/3NKOCOeIUF2SGJnY7II9hA)
- 计算机网络的 7 层协议 ☆☆☆
### CSS
- 初级 ☆
  - [CSS 3 简介](https://www.html.cn/doc/css3/what/)
  - [CSS 实用概要](http://jartto.wang/2018/03/06/outline-of-css/)
  - [CSS 实用 Tips](http://jartto.wang/2017/11/12/f2e-tips/)
  - [CSS 三大特性](http://jartto.wang/2017/02/08/css-features/)
  - 盒模型
  - box-sizing
  - IconFont
  - [CSS 实现水平垂直居中的 10 种方式](https://juejin.im/post/5b9a4477f265da0ad82bf921?utm_source=gold_browser_extension)
- 中级 ☆☆
  - [BFC](https://zhuanlan.zhihu.com/p/25321647)
  - [Flex](http://www.runoob.com/w3cnote/flex-grammar.html)
  - [Grid layout](https://www.jianshu.com/p/441d60be7d8a)
  - [Flexbox vs Grid：基本概念](https://www.w3cplus.com/css/flexbox-vs-grid-basic-concepts-and-related-attributes.html)
  - [PostCSS](https://blog.csdn.net/beverley__/article/details/72963369)
  - 预编译
    - [SASS](http://sass.bootcss.com/docs/sass-reference/)
    - [LESS](http://lesscss.cn/)
    - [Stylus](http://stylus-lang.com/)
  - CSS3 动画   
    - [Animate CSS](https://daneden.github.io/animate.css/?)
    - [All Animation CSS3](http://all-animation.github.io/)
    - [Transform](http://www.w3school.com.cn/cssref/pr_transform.asp)
    - [Translate](http://www.w3school.com.cn/cssref/pr_transform.asp)
  - [如何检测页面滚动并执行动画](http://jartto.wang/2016/08/18/detect-page-scroll-and-execute-animation/)
  - [移动端无缝滚动动画实现](https://juejin.im/post/5b2b4e3fe51d4558e15b97ed?utm_source=gold_browser_extension)
- 高级 ☆☆☆
  - [CSS3 动画原理](http://web.jobbole.com/83549/)
  - [探究 CSS 解析原理](http://jartto.wang/2017/11/13/Exploring-the-principle-of-CSS-parsing/) 
  - [详谈层合成（composite）](http://jartto.wang/2017/09/29/expand-on-performance-composite/)
  - [CSS Modules 使用详解](https://blog.csdn.net/xiangzhihong8/article/details/53195926)
  - [Web 技巧 - 动画](https://juejin.im/post/5d2b49f3f265da1bcb4f5bab) ☆☆
- 扩展
  - [30s CSS](https://atomiks.github.io/30-seconds-of-css/) ☆
  - [新手引导动画的 4 种实现方式](https://juejin.im/post/5bac9bd0e51d450e516296d0)

### DOM
- [JavaScript HTML DOM](http://www.w3school.com.cn/js/js_htmldom.asp) ☆☆

### 函数式编程
- [什么是函数式编程思维？](https://www.zhihu.com/question/28292740) ☆☆☆
- [我眼中的 JavaScript 函数式编程](http://taobaofed.org/blog/2017/03/16/javascript-functional-programing/) ☆☆☆
- [防抖和节流原理分析](https://juejin.im/post/5b7b88d46fb9a019e9767405)
- 参数个数 Arity
- 高阶组件 Higher-Order Functions (HOF)
- 偏应用函数 Partial Application
- 柯里化 Currying
- 闭包 Closure
- 自动柯里化 Auto Currying
- 函数合成 Function Composition
- Continuation
- 纯函数 Purity
- 副作用 Side effects
- 幂等 Idempotent
- Point-Free Style
- 断言 Predicate
- 约定 Contracts
- 范畴 Category
- [JavaScript 函数式编程术语大全](http://www.css88.com/archives/7833)
- ...
### 跨域
- [JSONP](https://www.zhihu.com/question/19966531) ☆☆
- [CORS](http://jartto.wang/2016/06/27/solutions-to-CORS/) ☆☆
- [Nginx](http://www.nginx.cn/4592.html) ☆☆
### 事件模型
- 观察者模式 ☆☆
- DOM0 级模型 ☆☆
- IE 事件模型 ☆☆
- DOM2 级模型 ☆☆
- JQuery Event 模型 ☆☆
- [JS 事件模型](https://segmentfault.com/a/1190000006934031) ☆☆
### 安全
- [如何防止 XSS 攻击？](https://juejin.im/post/5bad9140e51d450e935c6d64)
- [Web 安全之 XSS 和 CSRF](http://jartto.wang/2017/12/15/xss-and-csrf/) ☆☆☆
- [Web 安全的三个攻防姿势](https://juejin.im/post/59e6b21bf265da43247f861d) ☆☆☆
- [XSS 的原理分析与解剖](http://netsecurity.51cto.com/art/201408/448305_all.htm) ☆☆☆
- [对于 XSS 和 CSRF 你究竟了解多少](http://netsecurity.51cto.com/art/201407/446775.htm) ☆☆☆
- [CSRF 攻击的应对之道](https://www.ibm.com/developerworks/cn/web/1102_niugang_csrf/) ☆☆☆
- SQL 注入 ☆☆☆
- HTTPS ☆☆☆
- 内网渗透 ☆☆☆
- DDos 攻击 ☆☆☆
- 点击劫持 ☆☆
- Session 劫持 ☆☆
- 短信接口攻击 ☆☆
- CC 
### 前端规范
- [ESLint](https://eslint.org) ☆
- [JSHint](http://www.jslint.com) ☆
- [styleLint](https://stylelint.io/) ☆
- [EditorConfig](https://editorconfig.org/)
- [Airbnb JavaScript](https://github.com/airbnb/javascript?utm_source=gold_browser_extension) **
- [项目规范化开发探索](https://www.notion.so/57b80f3f75b741e3a54546c20ae5e8e7) *
- [看看这些被同事喷的 JS 代码风格你写过多少](https://juejin.im/post/5becf928f265da61380ec986) *
- [谷歌工程实践 - Code Review 标准](https://jimmysong.io/eng-practices/docs/review/reviewer/standard/) **
### Nginx
- [Nginx](http://jartto.wang/2017/04/15/nginx-exception-handling/) ☆☆
- [Nginx 平滑的基于权重轮询算法分析](https://tenfy.cn/2018/11/12/smooth-weighted-round-robin/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆☆☆
- [Nginx](https://github.com/nginx/nginx) ☆☆☆
- [Nginx 解决跨域问题](http://www.nginx.cn/4592.html) ☆
- [关于负载均衡的一切](https://mp.weixin.qq.com/s/xvozZjmn-CvmQMAEAyDc3w) ☆☆
- [负载均衡的算法](https://mp.weixin.qq.com/s/fkYnkT6PW0I2MS2d2Nh1jg) ☆☆
- [几种常用负载均衡架构](https://developer.51cto.com/art/201904/595761.htm) ☆☆
### Git
- [Git 学习资源汇总](http://jartto.wang/2015/09/08/summarize-the-git/) ☆
- [Git 常规操作](http://jartto.wang/2017/12/01/git-common-operate/) ☆
- [如何配置 Git 对应多个 Repository](http://jartto.wang/2017/12/19/one-git-for-more-repository/) ☆
- [Git 实践系列一：初探](http://jartto.wang/2015/09/07/git-part-1/) ☆
- [Git 钩子的作用](https://git-scm.com/book/zh/v2/%E8%87%AA%E5%AE%9A%E4%B9%89-Git-Git-%E9%92%A9%E5%AD%90) ☆☆
- [Git pre-push hook](https://www.jianshu.com/p/7a10d4db97c0) ☆☆
- [你可能会忽略的 Git 提交规范](http://jartto.wang/2018/07/08/git-commit/) ☆
- [一个维护版本日志整洁的 Git 提交规范](https://juejin.im/post/5bf7b2e9e51d45213e57be92)
- [git-flow](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow) ☆☆
  - [git flow 的使用](https://www.cnblogs.com/lcngu/p/5770288.html) ☆☆
### CDN
- [什么是 CDN？](https://www.zhihu.com/question/37353035) ☆☆
- [CDN 带来这些性能优化](https://juejin.im/post/5d1385b25188253dc975b577?utm_source=gold_browser_extension) ☆☆☆

### JS
- 初级 ☆
  - [JavaScript ES12 新特性抢先体验](https://mp.weixin.qq.com/s/T2IkxRp_PXkhk8T_ciLvjw) ☆
  - [JS 标准参考教程](https://www.kancloud.cn/kancloud/javascript-standards-reference/46466)
  - [原型与原型链](https://github.com/mqyqingfeng/Blog/issues/2)
  - [作用域](https://github.com/mqyqingfeng/Blog/issues/3)与[作用域链](https://github.com/mqyqingfeng/Blog/issues/6)
  - [Event Loop](https://juejin.im/post/59e85eebf265da430d571f89)
  - 闭包
    - [反思闭包](http://jartto.wang/2017/12/18/reflective-closure/)
    - [深入浅出 Javascript 闭包](https://juejin.im/post/5beee511e51d453b8e543ed6)
  - [call 和 apply](http://jartto.wang/2016/06/28/appreciation-of-the-call-and-apply/)
  - [正则表达式](http://jartto.wang/2016/07/03/js-regular-expression/)
    - [正则表达式真的很骚，可惜你不会写](https://juejin.im/post/5b96a8e2e51d450e6a2de115)
  - [XHR or Fetch API ?](http://jartto.wang/2017/01/17/xhr-or-fetch-api/)
  - [Understanding ECMAScript 6](https://oshotokill.gitbooks.io/understandinges6-simplified-chinese/content/chapter_1.html)
  - [为什么要有 ES6](https://github.com/jeyvie/thoughts/blob/master/docs/why_es6.md)
  - [introduction to ES6 by example](http://coenraets.org/present/es6/#0)
  - [ES6 标准入门](http://www.waibo.wang/bible/es6/)
  - [ECMAScript 6 - 阮一峰](http://javascript.ruanyifeng.com/advanced/ecmascript6.html#)
  - [浏览器同源政策及其规避方法](http://www.138dish.cn/web/same-origin-policy.html)
- 中级 ☆☆
  - [JS 模板引擎](http://jartto.wang/2016/09/15/grasp-a-js-template-engine/)
  - [前端路由跳转基本原理](https://juejin.im/post/5c52da9ee51d45221f242804?utm_source=gold_browser_extension)
  - 垃圾回收
  - JS 内存
    - [JS 内存管理](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)
    - [内存管理速成教程](https://hacks.mozilla.org/2017/06/a-crash-course-in-memory-management/)
  - 堆和栈
  - 继承
  - [掌握 JS Stack Trace](http://jartto.wang/2017/12/09/grasp-js-stack-trace/)
  - [ES6](http://es6.ruanyifeng.com)
    - [Generator](https://github.com/jeyvie/understanding-ES6/blob/master/docs/8.1_iterator_generator_base.md)
      - [ES6-Generator 函数](https://juejin.im/post/5b1751d551882513756f0bdc)
    - [Promise](https://github.com/jeyvie/understanding-ES6/blob/master/docs/11.Promise.md)
      - [How do Promises work under the hood?](https://blog.safia.rocks/post/170154422915/how-do-promises-work-under-the-hood)
      - [JavaScript Promise迷你书](http://liubin.org/promises-book/)
    - [Module](https://github.com/jeyvie/understanding-ES6/blob/master/docs/13.module.md)
    - [Class](https://github.com/jeyvie/understanding-ES6/blob/master/docs/9.class.md)
  - [JavaScript 引擎基础：Shapes 和 Inline Caches](https://juejin.im/entry/5b27a175e51d4558c23231dc?utm_source=gold_browser_extension)
  - [33 Concepts Every JavaScript Developer Should Know](https://github.com/leonardomso/33-js-concepts?utm_source=gold_browser_extension)
- 高级 ☆☆☆
  - TypeScript
    - [TypeScript 官网](https://www.tslang.cn)
    - [深入 TypeScript 的类型系统](https://zhuanlan.zhihu.com/p/38081852)
    - [TypeScript 总体架构](https://github.com/Microsoft/TypeScript/wiki/Architectural-Overview)
    - [TypeScript 完全手册](https://zhuanlan.zhihu.com/p/83689446?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io)
    - [如何用 Decorator 装饰你的 Typescript？](https://mp.weixin.qq.com/s/0JTvJJNX4zwE3-Kl6dMvrA)
  - You-Dont-Know-JS
    - [Up & Going](https://github.com/getify/You-Dont-Know-JS/blob/master/up%20&%20going/README.md#you-dont-know-js-up--going)
    - [Scope & Closures](https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20&%20closures/README.md#you-dont-know-js-scope--closures)
    - [this & Object Prototypes](https://github.com/getify/You-Dont-Know-JS/blob/master/this%20&%20object%20prototypes/README.md#you-dont-know-js-this--object-prototypes)
    - [Types & Grammar](https://github.com/getify/You-Dont-Know-JS/blob/master/types%20&%20grammar/README.md#you-dont-know-js-types--grammar)
    - [Async & Performance](https://github.com/getify/You-Dont-Know-JS/blob/master/async%20&%20performance/README.md#you-dont-know-js-async--performance)
    - [ES6 & Beyond](https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20&%20beyond/README.md#you-dont-know-js-es6--beyond)
  - [exploring ES6](http://exploringjs.com/es6/)
  - JavaScript 如何工作
    - [对引擎、运行时、调用堆栈的概述](https://juejin.im/post/5a05b4576fb9a04519690d42)
    - [在 V8 引擎里 5 个优化代码的技巧](https://github.com/xitu/gold-miner/blob/master/TODO/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code.md)
    - [内存管理 + 处理常见的4种内存泄漏](https://github.com/xitu/gold-miner/blob/master/TODO/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks.md)
    - [内存管理速成教程](https://mp.weixin.qq.com/s/sVcGRUZqILCVgfhzRyODTg)
    - [事件循环和异步编程的崛起 + 5个如何更好的使用 async/await 编码的技巧](https://github.com/xitu/gold-miner/blob/master/TODO/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with.md)
    - [深入剖析 WebSockets 和拥有 SSE 技术 的 HTTP/2，以及如何在二者中做出正确的选择](https://github.com/xitu/gold-miner/blob/master/TODO/how-javascript-works-deep-dive-into-websockets-and-http-2-with-sse-how-to-pick-the-right-path.md)
    - [对比 WebAssembly + 为什么在某些场景下它比 JavaScript 更合适](https://github.com/xitu/gold-miner/blob/master/TODO1/how-javascript-works-a-comparison-with-webassembly-why-in-certain-cases-its-better-to-use-it.md)
    - [Web Worker 的内部构造以及 5 种你应当使用它的场景](https://github.com/xitu/gold-miner/blob/master/TODO/how-javascript-works-the-building-blocks-of-web-workers-5-cases-when-you-should-use-them.md)
- 扩展
  - [何谓 JS 挖矿](http://jartto.wang/2017/11/08/js-dig-ore/) ☆
  - [30S JS](https://github.com/Chalarangelo/30-seconds-of-code) ☆☆
  - [33 Concepts Every JavaScript Developer Should Know ](https://github.com/leonardomso/33-js-concepts?utm_source=gold_browser_extension#1-call-stack)
  - [ES6 语法侦测](https://github.com/ruanyf/es-checker) ☆
  - [初探 performance – 监控网页与程序性能](https://www.cnblogs.com/zhuyang/p/4789020.html)
  - [新手引导动画的4种实现方式](https://juejin.im/post/5bac9bd0e51d450e516296d0) ☆

### Linux
- ls/cd/rm/cat/chmod/chown/useradd/df/du/ps/top/head/tail ☆☆
- [Linux](http://jartto.wang/2016/06/24/linux-common-operation/) ☆☆
- [掌握 Linux 命令 Grep ](http://jartto.wang/2016/10/12/grasp-linux-grep/) ☆☆
- [Linux 实用命令](http://jartto.wang/2016/11/02/linux-common-command/) ☆☆
- [Mac 下查看端口占用情况](http://jartto.wang/2016/09/28/check-the-system-port-of-mac/) ☆☆
- [程序员必备的 Linux 基础知识](https://juejin.im/post/5b3b19856fb9a04fa42f8c71) ☆☆
- 网络操作
  - curl
  - netstat
  - lsof
  - ifconfig
  - ssh
  - tcpdump
  - iptables
- grep ☆☆
- sed ☆☆
- awk ☆☆☆
- [commander 将介绍如何利Javascript做为服务端脚本](http://blog.fens.me/nodejs-commander/)
- chalk 命令行彩色输出
- [chokidar node文件监控](https://www.npmjs.com/package/chokidar)
### Electron
- [初探 Electron - 理论篇](http://jartto.wang/2018/01/03/first-exploration-electron/) ☆☆
- [初探 Electron - 升华篇](http://jartto.wang/2018/01/04/first-exploration-electron-2/) ☆☆
- [初探 Electron - 实践篇 1](http://jartto.wang/2018/01/14/first-exploration-electron-3/) ☆☆
- [初探 Electron - 实践篇 2](http://jartto.wang/2018/01/21/first-exploration-electron-4/) ☆☆
### 抓包工具
- [Fiddler](https://www.telerik.com/fiddler) ☆☆
- [Charles](https://www.charlesproxy.com) ☆☆
- [HttpWatch](http://www.oneapm.com/lp/bihttpwatch) ☆☆
- [spy-debugger](https://github.com/wuchangming/spy-debugger) ☆☆
- 模拟请求
  - [Postman](https://www.getpostman.com) ☆☆
### 测试
- 单元测试
  - Jest ☆☆☆
  - [Jasmine](https://jasmine.github.io/) ☆☆☆
  - [mocha](https://segmentfault.com/a/1190000011362879) ☆☆☆
  - [chai](http://www.chaijs.com/api/assert/) ☆☆☆
  - [Karma](http://karma-runner.github.io/2.0/index.html) ☆☆☆
- 软件测试
  - [你了解软件测试吗？](http://jartto.wang/2017/11/02/grasp-testing/) ☆☆
- 自动化测试
  - [selenium_webdriver](https://www.yiibai.com/selenium/selenium_webdriver.html) ☆☆
  - [Appium移动自动化测试](https://www.cnblogs.com/fnng/p/4540731.html) ☆☆
  - [Appium移动自动化测试](https://www.cnblogs.com/fnng/p/4540731.html) ☆☆
  - [UI 自动化测试](https://github.com/AirtestProject/Airtest) ☆☆☆
    >网易UI自动化测试框架，开源的，结合AI，自动更新测试用例、自我学习和需求沉淀。智能测试方向！！！！
- 应用
  - [React单元测试策略及落地](https://insights.thoughtworks.cn/react-strategies-for-unit-testing/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io)
  - [使用 Jest 和 Enzyme 测试 React 组件](https://mp.weixin.qq.com/s/isZLVenQrAUzA77O4TYVfQ)
### 容器化
- Docker
  - [Docker 边学边用](http://jartto.wang/2020/07/04/learn-docker/) ☆☆
  - [Docker 构建统一的前端开发环境](https://juejin.im/post/5b127087e51d450686184183?utm_source=gold_browser_extension) ☆☆
  - [私服推荐 Nexus](http://dockone.io/article/2168) ☆☆☆
  - [大型企业级推荐 harbor](https://blog.csdn.net/mideagroup/article/details/52053402) ☆☆☆
  - [Docker 底层技术](https://www.jianshu.com/p/7a1ce51a0eba?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆☆☆
  - [精简 Docker 镜像的五种通用方法](https://mp.weixin.qq.com/s/tMVK62zggVwaqfPsiYGaBg)
- K8s
  - [什么是 Kubernetes ](https://mp.weixin.qq.com/s/NqBb4FG5cVkoUkqQu7XOlg) ☆☆
  - [Kubernetes 架构简介](https://mp.weixin.qq.com/s/WUntex914F98gDo-bnchLA) ☆☆
  - [一文了解 Kubernetes](http://jartto.wang/2020/07/15/start-k8s/) ☆☆☆
- [Jenkins](https://jenkins.io) ☆☆☆
- [前端AB实验设计思路与实现原理](https://fed.taobao.org/blog/taofed/do71ct/frontend-ab-test) ☆☆☆
### DNS
- [DNS 缓存中毒](https://www.toutiao.com/a6652593929738781195/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1&timestamp=1548950293&app=news_article&utm_source=weixin&iid=59860639007&utm_medium=toutiao_ios&group_id=6652593929738781195)
- [例解 DNS 递归/迭代名称解析原理](http://blog.chinaunix.net/uid-10659021-id-3903144.html) ☆☆☆
- [浏览器输入网址后台是如何运作的](http://www.chinaz.com/web/2013/0228/293980.shtml) ☆☆
### 监控
- [APM](https://github.com/f2e-awesome/monitoring/blob/master/README.md) ☆☆
- [前端错误日志收集方案](https://juejin.im/post/5bd2dbc7f265da0af16183f8?utm_source=gold_browser_extension) ☆
- [前端性能监控系统](https://juejin.im/entry/5b78f88be51d4538a01e9f36) ☆☆
- [前端代码异常监控实战](https://github.com/happylindz/blog/issues/5) ☆☆
- [前端一站式异常捕获方案](https://jixianqianduan.com/frontend-weboptimize/2018/02/22/front-end-react-error-capture.html) ☆☆
- [前端错误收集](https://juejin.im/post/5be2b0f6e51d4523161b92f0) ☆☆
- [如何精确统计页面停留时长](https://techblog.toutiao.com/2018/06/05/ru-he-jing-que-tong-ji-ye-mian-ting-liu-shi-chang/) ☆
- [如何优雅处理前端异常？](http://jartto.wang/2018/11/20/js-exception-handling/) ☆
- [解决 Script Error 的另类思路](https://juejin.im/post/5c00a405f265da610e7fd024) ☆☆
- [大前端时代前端监控的最佳实践](https://www.evernote.com/l/AUQuMjXPG6RBfaeWb_Y17fVmILKyZmLwgow) ☆☆☆
- [前端性能监控：window.performance](https://juejin.im/entry/58ba9cb5128fe100643da2cc)
### 数据可视化
- 图表 ☆☆
  - [echarts](http://echarts.baidu.com/option.html#xAxis) 
  - [highcharts](https://www.highcharts.com/products/highcharts/)
  - [g2](https://antv.alipay.com/g2/demo/index.html)
- 地图 ☆☆
  - [Google Map](https://developers.google.com/maps/documentation/javascript/examples/user-editable-shapes?hl=zh-cn) 
  - [Mapbox](https://www.mapbox.com/) 
  - [高德](http://lbs.amap.com/) 
  - [百度](http://api.map.baidu.com/) 
  - [腾讯](http://lbs.qq.com/) 
  - [蜂鸟室内地图](https://www.fengmap.com/) 
- 埋点统计 ☆☆
  - [揭开 JS 无埋点技术的神秘面纱](https://mp.weixin.qq.com/s/pGP5Oohcban0P1GAzPlAgg)
### 浏览器
- [再谈 IE 浏览器兼容问题](http://jartto.wang/2016/12/06/talk-about-ie-compatible-over-again/) ☆☆
- [图解浏览器的基本工作原理](https://zhuanlan.zhihu.com/p/47407398) ☆☆
- [what-happens-when](https://github.com/alex/what-happens-when)(输入 URL 后浏览器发生了什么) ☆☆
- [浏览器工作原理](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/) ☆☆☆
- [渲染进程的内部工作原理](https://developers.google.com/web/updates/2018/09/inside-browser-part3) ☆☆☆
- [Compositor 是如何来提高交互性能的？](https://developers.google.com/web/updates/2018/09/inside-browser-part4) ☆☆☆
- [浏览器内核渲染：重建引擎](https://juejin.im/post/5bbaa7da6fb9a05d3761aafe)
- [Chrome Devtools](https://medium.com/@tomsu/devtools-tips-day-1-the-console-dollars-3aa0d93e923c) ☆☆☆
- [Chrome插件(扩展)开发全攻略](https://mp.weixin.qq.com/s/waUg3hx5HsRkyiitJdHudg) ☆
### 前端工程化
- [Web 研发模式演变](https://github.com/lifesinger/blog/issues/184) ☆☆
- [我们是如何做好前端工程化和静态资源管理](https://aotu.io/notes/2016/07/19/A-little-exploration-of-front-end-engineering/index.html) 京东 ☆☆☆
- [百度 fis](http://fis.baidu.com/fis3/docs/beginning/intro.html) ☆☆
- [Scrat](http://scrat-team.github.io/#!/quick-start) ☆☆
- [Grunt](http://www.gruntjs.net/) ☆☆
- Gulp ☆☆
  - [Gulp](https://www.gulpjs.com.cn/)
  - [Gulp 4](https://fettblog.eu/gulp-4-parallel-and-series/)
- Webpack
  - [Webpack 4](https://juejin.im/post/5af8fa806fb9a07ac162876d) ☆☆☆
    - [Webpack 4 配置最佳实践](https://juejin.im/post/5b304f1f51882574c72f19b0?utm_source=gold_browser_extension)
  - [如何十倍提高你的 webpack 构建效率](https://blog.csdn.net/u011413061/article/details/51872412?from=timeline&isappinstalled=0) ☆☆☆
  - webpack 性能优化
    - [减小前端资源大小](https://github.com/yued-fe/y-translation/blob/master/en/Web-Performance-Optimization-with-webpack/Introduction.md) ☆☆
    - [利用好持久化缓存](https://github.com/yued-fe/y-translation/blob/master/en/Web-Performance-Optimization-with-webpack/Make-Use-of-Long-term-Caching.md) ☆☆☆
    - [监控和分析应用](https://github.com/yued-fe/y-translation/blob/master/en/Web-Performance-Optimization-with-webpack/Monitor-and-analyze-the-app.md) ☆☆☆
- Rollup
- [Browserify](http://browserify.org/) ☆☆
- [Parcel](http://jartto.wang/2017/12/11/chattered-about-parcel/) ☆☆
- Babel
  - [Babel 插件手册](https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/plugin-handbook.md)
  - [babel-runtime 使用与性能优化](https://juejin.im/entry/5b108f4c6fb9a01e5868ba3d?utm_source=gold_browser_extension)
  - [babel-polyfill 使用与性能优化](https://juejin.im/entry/5b108f866fb9a01e49293627?utm_source=gold_browser_extension)
- [什么是 Kubernetes？](https://mp.weixin.qq.com/s/NqBb4FG5cVkoUkqQu7XOlg) ☆☆
- [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1?utm_source=gold_browser_extension) ☆☆☆
- [前端工程实践之可视化搭建系统](https://www.zoo.team/article/luban-one?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆☆
- [前端项目代码质量保障秘藉](https://mp.weixin.qq.com/s/djEyX7zxl51PcYcmP0zfyQ) ☆

### 物联网
- [ruff](https://baike.baidu.com/item/ruff/19726288?fr=aladdin) ☆☆☆
- [ruff入门应用开发](https://www.imooc.com/learn/958) ☆☆☆
- [要想成为一名物联网工程师，需要学习哪些知识？](https://www.zhihu.com/question/31381245)☆
### 消息队列
- [消息队列常见的 5 个应用场景](https://juejin.im/entry/5b59ce60e51d45198469a003)
- ActiveMQ
- RabbitMQ
- ZeroMQ
- Kafka
  - [了解 Kafka](http://jartto.wang/2018/10/12/about-kafka/) ☆☆
  - [Kafka 入门](https://www.cnblogs.com/likehua/p/3999538.html) ☆☆
  - [Kafka的架构原理，你真的理解吗？](https://mp.weixin.qq.com/s/kzM19BcDzRk1PpEMadEluA) ☆☆☆
- MetaMQ
- RocketMQ
- [消息队列mq总结](https://blog.csdn.net/HD243608836/article/details/80217591) ☆☆
- [缓存淘汰算法--LRU算法](https://www.evernote.com/shard/s324/sh/13a3bb3f-372b-4a93-a980-95b4cc225a46/a383727c1d79df40) ☆☆☆
  >这个是各种消息队列的框架的核心算法，都是这个算法的变形
### V8 引擎
- [Google V8 引擎运用了哪些优秀的算法？](https://www.zhihu.com/question/22498967) ☆☆☆
- [V8 引擎详解](https://blog.csdn.net/swimming_in_it_/article/details/78869549) ☆☆☆
- [Google V8](https://github.com/v8/v8) ☆☆☆
- [V8 并发标记](https://mp.weixin.qq.com/s/pv_4YRo6KjLiVxLViZTr2Q) ☆☆☆
- [V8 引擎的 5 个优化技巧](https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e) ☆☆☆

### DevOps
- [DevOps 简介](http://jartto.wang/2018/11/30/about-devops/) ☆
- [猪八戒网的 DevOps 进化论](https://mp.weixin.qq.com/s/I7hRbZrw1QsS0UP4RZIHOw) ☆☆
### 微前端
- [了解什么是微前端](https://mp.weixin.qq.com/s/kZ3GMg0vXQwof8SX8u2EuA) ☆
- [为什么大公司一定要使用微服务？](https://mp.weixin.qq.com/s/-lxNpu89A9uN_a8f2MiKMw) ☆
- [微前端如何落地？](https://juejin.im/post/5d1d8d426fb9a07efe2dda40) ☆☆☆
- [用微前端的方式搭建类单页应用](https://tech.meituan.com/2018/09/06/fe-tiny-spa.html) ☆☆
- [Bifrost微前端框架及其在美团闪购中的实践](https://mp.weixin.qq.com/s/GgVo5KyZPlEsEeICcPyuLA) ☆☆
- [张克军：微前端架构体系](https://mp.weixin.qq.com/s/OEfRPKuPmBKvJdD_zMgFuQ) ☆☆☆
- [EMP for Vue&React 互相远程调用](https://mp.weixin.qq.com/s/KKZYzzTFBVD-rJeWr3Z7cg) ☆☆
- [字节跳动是如何落地微前端的](https://juejin.cn/post/7016900744695513125?utm_source=gold_browser_extension)☆☆☆
### LowCode
- [国内低代码平台](https://github.com/taowen/awesome-lowcode) ☆☆☆
### 主流框架
- Angular
  - [依赖注入](http://jartto.wang/2014/04/24/angularjs-part-7/) ☆
  - [指令 Directive](http://jartto.wang/2014/04/28/angularjs-part-9/) ☆☆
  - [剖析 Angularjs 语法](http://jartto.wang/2018/02/01/analysis-of-angularjs/) ☆☆
  - [build-your-own-angularjs](https://github.com/teropa/build-your-own-angularjs)
- [Vue](https://cn.vuejs.org/)
  - [Mint-UI](http://mint-ui.github.io/#!/zh-cn) ☆
  - [Element.UI](http://element.eleme.io/#/zh-CN/guide/design) ☆
  - [VUE2](https://cn.vuejs.org/v2/guide/) ☆☆
  - [VUEX](https://vuex.vuejs.org/) ☆☆
  - [Nuxtjs](https://www.sitepoint.com/nuxt-js-universal-vue-js/) ☆
    - [Nuxtjs 2.0 升级爬坑](http://jartto.wang/2019/04/23/update-nuxt2-0/) ☆
  - [Axios](https://www.jianshu.com/p/df464b26ae58) ☆
  - Vue-Router
    - [Vue-Router 实现原理](https://juejin.im/post/5b10b46df265da6e2a08a724?utm_source=gold_browser_extension) ☆☆☆
  - Vue-Loader ☆☆
  - [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) ☆☆☆
- React
  - 脚手架 ☆
    - Create React App
    - Codesandbox
    - Rekit
  - [30 seconds of React](https://github.com/30-seconds/30-seconds-of-react) ☆☆
  - [How Does React Tell a Class from a Function?](https://overreacted.io/how-does-react-tell-a-class-from-a-function/) ☆☆
  - [Ant Design](http://jartto.wang/2016/12/14/together-to-learn-ant-design-of-react/) ☆☆
  - 虚拟 Dom ☆☆
  - Diff 算法 ☆☆☆
  - [react-app-rewired](https://github.com/timarney/react-app-rewired)
  - Dva ☆☆
  - [探路 Roadhog](http://jartto.wang/2017/04/25/gating-roadhog/) ☆☆
  - Redux
    - [深入理解 Redux 中间件](https://juejin.im/post/5b237569f265da59bf79f3e9?utm_source=gold_browser_extension) ☆☆☆
    - [Redux 中文文档](https://github.com/camsong/redux-in-chinese) ☆☆
  - [Redux-Saga](https://github.com/superRaytin/redux-saga-in-chinese) ☆☆☆
  - TakeLatest ☆☆☆
  - [React 16 新特性](https://baijiahao.baidu.com/s?id=1582848543674223747&wfr=spider&for=pc) ☆☆
  - React-Router@4 ☆☆
  - [React 性能优化](http://www.css88.com/react/docs/optimizing-performance.html) ☆☆☆
  - [21 项优化 React App 性能的技术](https://mp.weixin.qq.com/s/PSYm43GkIR9tZVWpAEWrNA)
  - [浅谈React性能优化的方向](https://zhuanlan.zhihu.com/p/74229420?utm_source=wechat_session&utm_medium=social&utm_oi=26811677278208&s_r=0)
  - React Hooks
    - [30分钟精通 React Hooks](https://juejin.im/post/5be3ea136fb9a049f9121014) ☆☆
    - [React Hooks-概览](https://juejin.im/post/5c31ccc8f265da6170074785?utm_source=gold_browser_extension) ☆☆
  - [UmiJS](http://jartto.wang/2018/05/24/taste-of-umi/) ☆☆
  - Next.js ☆☆
    - [Next.js 使用指南1－基本规则](http://jartto.wang/2018/05/27/nextjs-1/)
    - [Next.js 使用指南2－路由与加载](http://jartto.wang/2018/06/01/nextjs-2/)
    - [Next.js 使用指南3－高级配置](http://jartto.wang/2018/06/08/nextjs-3/)
  - [Ts + React + Mobx 实现移动端浏览器控制台](https://juejin.im/post/5bf278295188252e89668ed2?utm_source=gold_browser_extension#comment)
  - [阿里飞冰组件库](https://alibaba.github.io/ice/) ☆☆
  - 单测
    - [React单元测试策略及落地](https://insights.thoughtworks.cn/react-strategies-for-unit-testing/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io)
    - [使用 Jest 和 Enzyme 测试 React 组件](https://mp.weixin.qq.com/s/isZLVenQrAUzA77O4TYVfQ)
  - 应用
    - [构建大型React应用程序的最佳实践](https://mp.weixin.qq.com/s/XspWR3e7Jm38Q-HJm2Ntvw)

### 架构
- [前端架构师入门技能图谱](https://mp.weixin.qq.com/s/fYC1VHibhOoxBpm8NShGWQ) ☆
- [架构师成神路线图](https://mp.weixin.qq.com/s/X_F_8OfbBDHWcUTPY2THrA) ☆☆
- [成为一名架构师得学习哪些知识？](https://mp.weixin.qq.com/s?__biz=MzUyNDkzNzczNQ==&mid=2247485986&idx=1&sn=a4fff71f0138861975865ecd97981c7c&chksm=fa24f54acd537c5c00cca8458698c801d9a7ca62e2feb1044a1424e3b8c8f9a51dd0540f7f13&token=93419027&lang=zh_CN#rd) ☆☆
- [如何画好架构图？](https://mp.weixin.qq.com/s/cqC6djHHjeFzCpFPlJGhxQ) ☆☆
- [Node.js 微服务实践](https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651556001&idx=1&sn=601d58dc247d2f9c6f239ed8d950b540&chksm=80255f60b752d676860f98ae5523f018800ed91c24dd19afa1004a97a7bc114df02ca84498ca&xtrack=1&scene=0&subscene=131&clicktime=1552693183&ascene=7&devicetype=android-26&version=2700033b&nettype=cmnet&abtest_cookie=BAABAAoACwASABMABQAmlx4AVpkeAMyZHgDamR4A3JkeAAAA&lang=zh_CN&pass_ticket=58OgcYwPpZPMoZMSeUS45Kh9d%2Fe0tCefEY4WSDl%2BzJM%3D&wx_header=1) ☆☆☆
- [如何设计微服务](https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2651014354&idx=2&sn=9a356f184842908ab5004bdcfef1caac&chksm=bdbebc818ac935977deb94e3f139ce12c17afc4613d5a2535ede91470d9637471c8317c53f4e&mpshare=1&scene=1&srcid=0315aRwo0BPnixJWFnXKlR80#rd) ☆☆☆
- [各大互联网公司架构演进之路汇总](https://mp.weixin.qq.com/s/K531MIiOWIAvy4sFcbajrQ) ☆☆☆
- [开发十年，我是如何成长为一名优秀的架构师](https://mp.weixin.qq.com/s/8o4OwgdGwv4g5vUVj-1vfw) ☆☆☆
- [淘宝从几百到千万级并发的十四次架构演进之路](https://mp.weixin.qq.com/s/a1xUMOOfgCMzcngQ9xNCGw) ☆☆☆
- [设计图都不会画，还想做架构师？](https://maimai.cn/article/detail?fid=1063405301&efid=yh3ExpigfgCbJagBxj6dXw) ☆☆
- [12306的技术架构](https://mp.weixin.qq.com/s/Ty49SAs0hxpy_fbwPHBflA) ☆☆☆
- [一文读懂架构整洁之道](https://mp.weixin.qq.com/s/XAm1MO4RQYtkj3ay-2jT7A) ☆☆☆
- [如何推动基础架构项目落地](https://zhuanlan.zhihu.com/p/148209120?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) ☆☆
### AI
- [机器学习模型一览：监督型、半监督型和无监督型](https://mp.weixin.qq.com/s/NQpB_jTl43ft7O02_EXHkw) ☆☆☆
- [如何在 1 秒内做到大数据精准去重？](https://mp.weixin.qq.com/s/XzVT6K3B3XfgnmTVSrchiA) ☆☆☆
- [大数据学习资源(Awesome Big Data)](https://mp.weixin.qq.com/s/wnvIADv7GXa6fFjpnzjzXQ) ☆☆☆
- [Tensorflow.js生态](https://mp.weixin.qq.com/s/LQ8mpNc5_8pU0y9LWfQXjw) ☆☆

### 面试
- [30s 面试](https://github.com/fejes713/30-seconds-of-interviews#table-of-contents) ☆
- [面试精选之 http 缓存](https://juejin.im/post/5b3c87386fb9a04f9a5cb037#comment) ☆☆
- [张一鸣：10年面试2000人，我发现混的好的人，全都有同一个特质](https://mp.weixin.qq.com/s/S9_H4JXslq2_8GxEXVgg3w) ☆
- [2019 年前端面试都聊啥](https://juejin.im/post/5bf5610be51d452a1353b08d?utm_source=gold_browser_extension) ☆☆
- [BAT 面试总结](https://juejin.im/post/5befeb5051882511a8527dbe) ☆☆
- [JavaScript 深入之 bind 的模拟实现](https://juejin.im/post/59093b1fa0bb9f006517b906) ☆☆
- [前端面试官的套路，你懂吗？](http://jartto.wang/2019/01/06/f2e-interview/) ☆☆
- [前端 100 问](https://juejin.im/post/5d23e750f265da1b855c7bbe)
- [一个 TCP 连接上面能发多少个 HTTP 请求](https://www.toutiao.com/a6706021767074284043/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1&timestamp=1561608618&app=news_article&utm_source=weixin&utm_medium=toutiao_ios&req_id=20190627121018010027057145257B9C2&group_id=6706021767074284043)
- [彻底弄懂前端路由](https://juejin.im/post/5d2d19ccf265da1b7f29b05f?utm_source=gold_browser_extension)
### 前端组织
- [360奇舞团](https://75team.com/)
- [腾讯Web前端团队（Alloy Team）](http://www.alloyteam.com/)
- [百度Web 前端研发部（FEX）](http://fex.baidu.com/)
- [淘宝前端团队（FED）](http://taobaofed.org/)
- [大搜车无线团队](http://f2e.souche.com/)
- [京东凹凸实验室](https://aotu.io/index.html)
- [蚂蚁金服·数据体验技术团队](https://juejin.im/user/59659aff5188250cf956e6dd/posts)
- [前端精读周刊](https://github.com/dt-fe/weekly)
- [淘系前端团队](https://tophub.today/n/x9ozQE6eXb)
### 学习网站
- [Freecodecamp](https://www.freecodecamp.org/)
- [CodePen](https://codepen.io/)
- [算法练习](https://leetcode-cn.com/problemset/all/)
- [Pluralsight](https://www.pluralsight.com/codeschool)
- [Code School](https://www.codeschool.com/)
- [慕课网](https://www.imooc.com/)
- [妙味课堂](https://miaov.com/)
- [百度传课](https://chuanke.baidu.com/course/_webapp_____.html)
### 技术杂谈
- [一个程序员的成长之路 - 剖析别人，总结自己](https://mp.weixin.qq.com/s/zWPjfHiYxx0HH9lE99Yijw) ☆☆☆ 
  > 张云龙，全民直播CTO，也是个前端工程师
- [秒杀系统优化思路](https://blog.csdn.net/csdn265/article/details/51461466) ☆☆☆
  >尽量将请求拦截在系统上游（越上游越好）, 读多写少的常用多使用缓存（缓存抗读压力）
- [客户端高可用建设体系](https://juejin.im/post/5b10afc06fb9a01e39624d3d?utm_source=gold_browser_extension)
  >2000万日订单背后：美团外卖客户端高可用建设体系
- [缓存架构设计](https://mp.weixin.qq.com/s/YxGeisz0L9Ja2dwsiZz01w) ☆☆☆
  >微博应对日访问量百亿级的缓存架构设
- [前端重构方案](https://mp.weixin.qq.com/s/H9Dvm_5F8hdBrZynlNdlfw) ☆☆
  >规范、技术选型、性能优化、构建工具、开发效率
- [Taro - 多端开发框架](https://juejin.im/entry/5b19155bf265da6e083be667?utm_source=gold_browser_extension) ☆☆
  >京东多端统一开发框架 - Taro
- [你可能不知道的前端知识点](https://github.com/justjavac/the-front-end-knowledge-you-may-not-know) ☆☆
- [V8 并发标记](https://mp.weixin.qq.com/s/pv_4YRo6KjLiVxLViZTr2Q) ☆☆☆
  >引擎V8推出“并发标记”，可节省60%-70%的GC时间
- [JS 的数据结构](https://www.jianshu.com/p/5e0e8d183102) ☆☆
  >谁说前端就不需要学习数据结构了？
- [简话开源协议](http://jartto.wang/2018/06/29/talk-about-license/) ☆
  >了解开源协议，选择最合适的协议
- [把前端监控做到极致](https://juejin.im/entry/5b3ed06d6fb9a04fe727e671?utm_source=gold_browser_extension) ☆☆
  >从 采集、数据处理、分析、报警 4 个维度进一步阐述如何把前端监控做到极致
- [设计一个百万级的消息推送系统](https://juejin.im/post/5ba97ff95188255c9e02d3e3) ☆☆☆
  >百万连接其实只是一个形容词，更多的是想表达如何来实现一个分布式的方案，可以灵活的水平拓展从而能支持更多的连接。
- [蚂蚁金服核心技术：百亿特征实时推荐算法揭秘](https://mp.weixin.qq.com/s/6h9MeBs89hTtWsYSZ4pZ5g)
  >文章提出一整套创新算法与架构，通过对TensorFlow底层的弹性改造，解决了在线学习的弹性特征伸缩和稳定性问题，并以GroupLasso和特征在线频次过滤等自研算法优化了模型稀疏性
- [前端登录，这一篇就够了](https://mp.weixin.qq.com/s?__biz=MzIxNTQ2NDExNA==&mid=100000675&idx=1&sn=0cae464adcc549b239c28199f675e6d1&chksm=1796a27e20e12b68815429681d016430fccda916c573941d9e37d9366987295ccce6394db5c7#rd)
  >文章列举了常见的登录方式，清晰易懂：Cookie + Session 登录、Token 登录、SSO 单点登录、OAuth 第三方登录


### 优化
- 初级 ☆
  - 图片资源
    - [WebP 在项目中的实践](https://www.jianshu.com/p/73ca9e8b986a)
  - 代码合并
  - 压缩
  - 混淆
  - Css sprits
  - 减少 HTTP 请求
  - Gzip
    - [GZIP 的压缩原理与日常应用](https://juejin.im/post/5b793126f265da43351d5125) ☆☆☆
  - Keep-Alive
  - DNS
- 中级 ☆☆
  - [图像优化原理](https://mp.weixin.qq.com/s/7aK6D0InyJs-BXUcaormKA)
  - [高性能网站建设的 14 个原则](http://www.cnblogs.com/mdyang/archive/2011/07/12/high-performance-web-sites.html)
  - [Web 优化之 Request](http://jartto.wang/2018/02/09/optimise-for-web-request/)
  - [如何优化高德地图（AMap）Marker 动画](http://jartto.wang/2017/08/28/how-to-optimize-marker-of-AMap/)
  - [Web前端优化及工具集锦](https://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization)
  - [搜索引擎优化 SEO](https://juejin.im/post/5b163fab5188257d571f1d17?utm_source=gold_browser_extension)
- 高级 ☆☆☆
  - [彻底弄懂 HTTP 机制及原理](https://www.cnblogs.com/chenqf/p/6386163.html) 
  - 缓存
    - [HTML5 离线存储](http://jartto.wang/2016/07/25/make-an-inventory-of-html5-api/)
    - HTML 和 HTTP 头文件设置
      - [HTTP 缓存](https://juejin.im/post/5b3c87386fb9a04f9a5cb037#comment)
      - [Meta](http://laoono.com/2016-05/html-meta-cache.html)
      - Expires
      - Cache-Control
      - Last-Modified / If-Modified-Since
      - Etag / If-None-Match
    - Nginx 缓存
    - [关键路径渲染优化](https://juejin.im/entry/5b16a05fe51d4506b01106d9)
    - [关键渲染路径](https://juejin.im/post/5c3333036fb9a049f1545d27)
    - [前端性能优化——关键渲染路径](https://segmentfault.com/a/1190000013767948) 👍
    - Storage
    - [indexedDB](https://blog.csdn.net/inter_peng/article/details/49133081)
    - [浏览器存储之争](http://jartto.wang/2018/12/02/indexeddb/)
    - [Service Worker](https://www.jianshu.com/p/62338c038c42)
    - [从性能优化的角度看缓存](https://github.com/amandakelake/blog/issues/43)
    - [聊一聊浏览器缓存机制](http://jartto.wang/2019/02/14/web-cache/)
    - [浏览器缓存机制：强缓存、协商缓存](https://github.com/amandakelake/blog/issues/41)
    - [数据存储：cookie、Storage、indexedDB](https://github.com/amandakelake/blog/issues/13)
    - [离线应用缓存：App Cache => Manifest](https://github.com/amandakelake/blog/issues/15)
  - 服务端缓存
    - [缓存、队列（Memcached、redis、RabbitMQ）](https://www.cnblogs.com/suoning/archive/2016/08/31/5807247.html)
    - [缓存技术的详解](https://blog.csdn.net/qq_26517369/article/details/78330694)
    - [缓存淘汰算法--LRU算法](https://www.evernote.com/l/AUQTo7s_NytKk6mAlbTMIlpGo4NyfB1530A)
- 扩展
  - [网站性能优化实战——从 12.67s 到 1.06s 的故事](https://juejin.im/post/5b0b7d74518825158e173a0c) ☆
  - [用 100 行代码提升 10 倍的性能](https://juejin.im/post/5bec223f5188250c102116b5) ☆☆
  - [美团网页首帧优化实践](https://juejin.im/post/5bee7dd4e51d451f5b54cbb4) ☆☆
  - [前端性能提升秘笈！](http://rdc.hundsun.com/portal/article/942.html) ☆☆
  - [网站优化实战](http://jartto.wang/2019/02/16/web-optimization/) ☆☆☆
  - [百度APP-Android H5首屏优化实践](https://mp.weixin.qq.com/s/AqQgDB-0dUp2ScLkqxbLZg) ☆☆☆
  - [VasSonic，让你的 H5 页面首屏秒开](https://my.oschina.net/u/3447988/blog/1512025) ☆☆☆
  - [Lazy Loading Video Based on Connection Speed](https://medium.com/dailyjs/lazy-loading-video-based-on-connection-speed-e2de086f9095) ☆☆☆
  - [WebView性能、体验分析与优化](https://tech.meituan.com/2017/06/09/webviewperf.html) ☆☆ 
  - [移动 H5 首屏秒开优化方案探讨](http://blog.cnbang.net/tech/3477/) ☆☆
  - [手机QQ Hybrid 的架构如何优化演进](https://mp.weixin.qq.com/s/evzDnTsHrAr2b9jcevwBzA) ☆☆☆
  - [高性能渲染十万条数据(虚拟列表)](https://juejin.im/post/5db684ddf265da4d495c40e5?utm_source=gold_browser_extension) ☆☆
  - [网站性能指标 - FMP](http://jartto.wang/2020/03/15/about-web-fmp/) ☆☆
  - [聚焦 Web 性能指标 TTI](http://jartto.wang/2020/03/29/web-tti/) ☆☆
- 工具
  - [YSlow](http://yslow.org)
  - Performance
  - [Google PageSpeed](https://developers.google.com/speed/pagespeed/)
  - LightHouse

### Serverless
- [Serverless 入门](https://mp.weixin.qq.com/s?__biz=MzA4ODUzNTE2Nw==&mid=2451046912&idx=1&sn=fc7f97c007e325f553e158fee703178f&chksm=87c41b10b0b39206bcc9cff2332fb2e5003ebd1b50d12ccd72585ffc256e98cac7ea878f064c&mpshare=1&scene=1&srcid=&sharer_sharetime=1587861292401&sharer_shareid=93284882dc8dd6a2672e2f228c47df4e#rd) ☆☆
- [Serverless 掀起新的前端技术变革](https://github.com/nodejh/nodejh.github.io/issues/49) ☆☆☆
- [当 SSR 遇上 Serverless，轻松实现页面瞬开](https://fed.taobao.org/blog/taofed/do71ct/rax-ssr-serverless-quicker) ☆☆
- [阿里自研开源框架 Midway Serverless](https://mp.weixin.qq.com/s/5l4xLdTefz8G8EbZNbon0Q) ☆☆☆
### 源码学习
- [Lodash 源码分析（一）“Function” Methods](https://segmentfault.com/a/1190000010775719) ☆☆☆
- [Webpack 源码](https://github.com/youngwind/blog/issues/99) ☆☆☆
- [React 源码剖析系列 － 不可思议的 react diff](https://zhuanlan.zhihu.com/p/20346379) ☆☆☆
- [React 源码解析](https://juejin.im/post/5a84682ef265da4e83266cc4#comment) ☆☆☆
- [逐行阅读 Redux 源码](https://juejin.im/post/5be42fc2e51d451c6a14ce2b) ☆☆
- [解密 JQuery](http://www.cnblogs.com/aaronjs/p/3444874.html) ☆☆☆
- [Promise 的实现及解析](https://juejin.im/post/5ab466a35188257b1c7523d2) ☆☆☆
- [浅析 Redux-Saga 实现原理](https://juejin.im/post/59e083c8f265da43111f3a1f) ☆☆☆
- [Antd 源码解读](https://juejin.im/post/5a5b6d3c51882573473db9af) ☆☆☆
- [Vue.js 源码解析](https://github.com/answershuto/learnVue) ☆☆☆
- [自己动手做一个 Vue](https://github.com/fastCreator/MVVM) ☆☆☆
- [vue-come-true](https://github.com/coderzzp/vue-come-true) ☆☆☆
- [Vue.js 源码学习笔记](http://jiongks.name/blog/vue-code-review/) ☆☆☆
- [高效阅读 Github 源代码](https://juejin.im/entry/5ae731f6f265da0b7e0c0ccb?utm_source=gold_browser_extension) ☆
- [从头实现一个 koa 框架](https://zhuanlan.zhihu.com/p/35040744) ☆☆☆
### Web 服务器端
- [Nodejs](https://nodejs.org/en/)
  - 基础 web 框架
    - [Express](http://www.expressjs.com.cn/) ☆
    - [Koa](https://koajs.com/)
      - [阮一峰 Koa 入门教程](http://www.ruanyifeng.com/blog/2017/08/koa.html) ☆
      - [kick-off-koa](https://github.com/koajs/kick-off-koa) ☆
      - [koajs examples](https://github.com/koajs/examples) ☆☆
      - [koa workshop](https://github.com/koajs/workshop) ☆☆
    - [hapijs](https://hapijs.com/) ☆☆
    - [restify](http://restify.com/)
    - [fastify](https://www.fastify.io/)
    - [thinkjs](https://thinkjs.org/zh-cn/doc/2.2/module.html)
    - [nextjs](https://zeit.co/blog/next) ☆☆  
  - node中比较棘手的问题
    - node内存泄漏排查
    - node错误处理机制
    - node.js cluster
      - [PM2 初体验](http://jartto.wang/2016/06/27/first-experience-of-pm2/) ☆
      - Forever ☆☆
  - 高度集成 web 框架
    - [egg](http://eggjs.org/) ☆☆☆
    - [nest](https://nestjs.com/) 
    - [thinkjs](https://thinkjs.org/)
    - [loopback](https://loopback.io/)
    - [sails](https://sailsjs.com/) ☆☆
    - nohup ☆☆
    - Nodejs 事件循环机制: 结合[libuv](http://docs.libuv.org/en/v1.x/design.html)和 nodejs 官网的[blog](https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/)
    - [剖析 nodejs 的事件循环](https://juejin.im/post/5af1413ef265da0b851cce80?utm_source=gold_browser_extension)
    - [Stream](https://github.com/substack/stream-handbook) ☆☆
    - [Buffer](https://nodejs.org/api/buffer.html) ☆☆
    - [多进程](https://nodejs.org/dist/latest-v8.x/docs/api/cluster.html) ☆☆
    - [eleme node-interview](https://elemefe.github.io/node-interview/#/sections/zh-cn/) ☆☆☆
    - [node debug](https://github.com/nswbmw/node-in-debugging) ☆☆
    - 内存相关 ☆☆☆
    - [js snapshot 相关](http://hello2dj.com/2018/03/05/heapdump%E8%A7%A3%E6%9E%90/) ☆☆☆
    - [node技术进阶与实践](https://www.evernote.com/l/AURoreJGCE5F8pV7a6YwRrDBJ-gOohmRdhI) ☆☆☆
- [deno](https://github.com/ry/deno) ☆☆
- [nexus 搭建 npm 私服](https://www.jianshu.com/p/9085f47726a2) ☆☆☆
- [Nginx](https://github.com/nginx/nginx) ☆☆☆
- [nodejs 结合 dubbo 服务 node-zookeeper-dubbo](https://segmentfault.com/a/1190000013145761) ☆☆☆
- [thrifty -> nodejs实例](http://thrift.apache.org/tutorial/nodejs) ☆☆
- [nodejs-learning-guide](https://github.com/chyingp/nodejs-learning-guide) ☆☆☆
- [互联网架构为什么要做服务化？](http://www.open-open.com/lib/view/open1472132696878.html)☆☆
- [什么是微服务](https://blog.csdn.net/wuxiaobingandbob/article/details/78642020?locationNum=1&fps=1)
- [服务化架构的演进与实践](https://blog.csdn.net/liubenlong007/article/details/54692241)☆☆
- [服务化实战之 dubbo、dubbox、motan、thrift、grpc等RPC框架比较及选型](https://blog.csdn.net/liubenlong007/article/details/54692241)☆☆
- [Nodejs 最佳实践](https://github.com/i0natan/nodebestpractices?utm_source=gold_browser_extension) ☆☆☆
- [技术栈：为什么 Node 是前端团队的核心技术栈](https://mp.weixin.qq.com/s/dA6M1t957G-nZ-Ir80L1kA) ☆☆☆

