Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/f2e-awesome/knowledge

文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
https://github.com/f2e-awesome/knowledge
awesome canvas css dns dom electron f2e graphql html javascript js nginx pwa react react-native server vue webgl webpack webpack4
Last synced: 3 months ago
JSON representation
文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Host: GitHub
URL: https://github.com/f2e-awesome/knowledge
Owner: f2e-awesome
Created: 2018-05-18T12:58:43.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2023-02-28T13:50:04.000Z (almost 2 years ago)
Last Synced: 2024-05-23T04:10:59.980Z (7 months ago)
Topics: awesome, canvas, css, dns, dom, electron, f2e, graphql, html, javascript, js, nginx, pwa, react, react-native, server, vue, webgl, webpack, webpack4
Language: JavaScript
Homepage:
Size: 11.4 MB
Stars: 1,883
Watchers: 98
Forks: 370
Open Issues: 1
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

awesome - knowledge - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。 (Awesomes / 语言)
ultimate-awesome - knowledge - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。. (Other Lists / PowerShell Lists)
awesome-list - knowledge - 前端技术架构图谱 (Uncategorized / Uncategorized)
README

        > 更新时间：2023-02-24 07:36:26（脚本自动生成，勿手动修改，详见：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)、[Elasticsearch](#Elasticsearch)、[HTML5](#HTML5)、[模块化编程](#模块化编程)、[Graphql](#Graphql)、[算法](#算法)、[加密](#加密)、[数据结构](#数据结构)、[包管理](#包管理)、[Python](#Python)、[设计模式](#设计模式)、[数据库](#数据库)、[CSS](#CSS)、[函数式编程](#函数式编程)、[网络协议](#网络协议)、[DOM](#DOM)、[跨域](#跨域)、[Git](#Git)、[事件模型](#事件模型)、[安全](#安全)、[前端规范](#前端规范)、[Nginx](#Nginx)、[DNS](#DNS)、[CDN](#CDN)、[V8](#V8)、[JS](#JS)、[Linux](#Linux)、[Electron](#Electron)、[抓包工具](#抓包工具)、[测试](#测试)、[容器化](#容器化)、[监控](#监控)、[浏览器](#浏览器)、[数据可视化](#数据可视化)、[前端工程化](#前端工程化)、[物联网](#物联网)、[主流框架](#主流框架)、[消息队列](#消息队列)、[DevOps](#DevOps)、[微前端](#微前端)、[LowCode](#LowCode)、[架构](#架构)、[AI](#AI)、[面试](#面试)、[前端组织](#前端组织)、[学习网站](#学习网站)、[技术杂谈](#技术杂谈)、[优化](#优化)、[Web](#Web)、[Serverless](#Serverless)、[源码学习](#源码学习)、[DevOps](#DevOps)、[Web3](#Web3)、[Rust](#Rust)

### 开发工具

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

### 必学原理

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

### 移动端

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

### 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) ☆☆

### 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) ☆☆

### 小程序

- [快速上手小程序](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)

### 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/) ☆☆

### Elasticsearch

- [Elasticsearch 官网](https://www.elastic.co/products/elasticsearch)

- [基于 Elasticsearch 实现搜索建议](https://juejin.im/post/5b5a64c7518825620f57e907)

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

### 模块化编程

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

### Graphql

- [graphql](https://graphql.cn/)

- [apollo](https://www.apollographql.com/)

- [apollo-blog](https://dev-blog.apollodata.com/) 需要翻墙

### 算法

- [前端数据结构与算法入门](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

### 设计模式

- [菜鸟-设计模式](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)

- 创建型模式

  - 工厂方法

  - 抽象工厂

  - 建造者

  - 原型

  - 单例

- 结构型模式

  - 适配器

  - 桥接

  - 组合

  - 装饰器

  - 外观

  - 享元

  - 代理

- 行为型模式

  - 解释器

  - 模板方法

  - 责任链

  - 命令

  - 迭代器

  - 中介者

  - 备忘录

  - 观察者

  - 状态

  - 策略

  - 访问者

### 数据库

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

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

### 函数式编程

- [什么是函数式编程思维？](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)

- ...

### 网络协议

- 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 层协议 ☆☆☆

### DOM

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

### 跨域

- [JSONP](https://www.zhihu.com/question/19966531) ☆☆

- [CORS](http://jartto.wang/2016/06/27/solutions-to-CORS/) ☆☆

- [Nginx](http://www.nginx.cn/4592.html) ☆☆

### 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) ☆☆

### 事件模型

- 观察者模式 ☆☆

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

### 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) ☆☆

### CDN

- [什么是 CDN？](https://www.zhihu.com/question/37353035) ☆☆

- [CDN 带来这些性能优化](https://juejin.im/post/5d1385b25188253dc975b577?utm_source=gold_browser_extension) ☆☆☆

### 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) ☆☆☆

### 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) ☆☆☆

### 监控

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

### 浏览器

- [再谈 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) ☆

### 数据可视化

- 图表 ☆☆

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

### 前端工程化

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

### 主流框架

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

### 消息队列

- [消息队列常见的 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) ☆☆☆

  >这个是各种消息队列的框架的核心算法，都是这个算法的变形

### 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) ☆☆☆

### 架构

- [前端架构师入门技能图谱](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

### 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) ☆☆☆

### 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) ☆☆☆

### DevOps

- [为什么一定要从 DevOps 走向 BizDevOps？](https://mp.weixin.qq.com/s/EYU6oaz-EymVRmq5LmbOag) ☆☆

### Web3.0

- [Web 3.0的范式、技术和生态 ](https://imzhanghao.com/2022/04/16/web3/#)

### Rust

- [Rust 相关资源](https://github.com/chenfengyanyu/my-rust-practice/tree/main/rust_source)：定期收集 Rust 最新资源

- [rustlings](https://github.com/rust-lang/rustlings)：这个项目包含小练习，让你习惯阅读和编写 Rust 代码。

- [Rust Web全栈开发](https://www.bilibili.com/video/BV1RP4y1G7KF/?p=1&spm_id_from=pageDriver)：杨旭教学视频

- [Awesome Rust](https://github.com/rust-unofficial/awesome-rust) ：Rust 代码和资源的精选列表

- [Comprehensive Rust](https://github.com/google/comprehensive-rust)： Google 打造的 Android 系列课

- [Book|The Rust Programming Language](https://github.com/rust-lang/book)："The Rust Programming Language"