Repository: ziyi2/awesome
Branch: master
Commit: 669523760db2
Files: 14
Total size: 100.8 KB

Directory structure:
gitextract_60t0yljb/

├── .gitignore
├── .remarkrc
├── README.md
├── docs/
│   ├── .vuepress/
│   │   ├── config.js
│   │   └── links/
│   │       └── nav.js
│   ├── README.md
│   ├── awesomes.md
│   ├── blogs.md
│   ├── bookmarks.md
│   ├── books.md
│   ├── interviews.md
│   ├── notes.md
│   └── recently.md
└── package.json

================================================
FILE CONTENTS
================================================

================================================
FILE: .gitignore
================================================
# npm
node_modules

# vuepress
docs/.vuepress/dist

================================================
FILE: .remarkrc
================================================
{
  "plugins": [
    "remark-preset-lint-recommended",
    ["remark-lint-list-item-indent", false]
  ]
}

================================================
FILE: README.md
================================================
# 个人前端资源汇集（适合收藏）

这里是个人的「**博客**」、「**笔记**」、「**书籍**」、「**Awesomes**」、「**书签**」以及 「**面试**」等资源汇集。如果目前的你

- 愁于找不到某项技术相对完善的文档
- 不知道读哪些书
- 想快速检索某一项技术
- 想快速获取某一方面的
- 想了解别人怎么记笔记
- 想了解别人的书签里都收藏了些啥
- 想快速获取面经资源
- 迷茫于不知道如何继续学习

那么可以看看这个资源汇集，或许能给你带来一些灵感（这是我开始工作以来的所有前端资源成果，如果大家喜欢可以点个赞哈）。感兴趣的同学可以 [Star](https://github.com/ziyi2/awesome) 一下 Git 仓库，或者自己 Fork 哦。


![](https://user-gold-cdn.xitu.io/2020/4/6/171502149442933f?w=2560&h=1316&f=png&s=137175)

文档地址：https://ziyi2.github.io/awesome/

## 目录

- [博客](#博客)
	 - [CSS](#css)
	 - [Vue](#vue)
	 - [设计模式](#设计模式)
	 - [Git](#git)
	 - [面试](#面试)
	 - [总结](#总结)
	 - [随笔](#随笔)
- [笔记](#笔记)
	 - [JavaScript](#javascript)
	 - [算法](#算法)
	 - [CSS](#css-1)
	 - [HTTP](#http)
	 - [正则](#正则)
- [书籍](#书籍)
	 - [HTML](#html)
	 - [JavaScript](#javascript-1)
	 - [浏览器](#浏览器)
	 - [CSS](#css-2)
	 - [Node.js](#nodejs)
	 - [全栈](#全栈)
	 - [Vue](#vue-1)
	 - [React](#react)
	 - [Git](#git-1)
	 - [数据结构](#数据结构)
	 - [网络](#网络)
	 - [Web](#web)
	 - [正则](#正则)
	 - [算法](#算法-1)
	 - [存储](#存储)
	 - [软件工程](#软件工程)
	 - [操作系统](#操作系统)
	 - [其他](#其他)
	 - [人生](#人生)
- [Awesomes](#Awesomes)
	- [全部](#全部)
	- [语言](#语言)
	- [框架](#框架)
	- [UI](#UI)
	- [架构](#架构)
	- [书籍](#书籍)
	- [工具](#工具)
	- [图标](#图标)
	- [文档](#文档)
- [书签](#书签-1)
	- [HTTP](#http-1)
	- [CSS](#css-3)
	- [JavaScript](#javascript-2)
	- [TypeScirpt](#typescript)
	- [Vue](#vue-2)
	- [React](#react-1)
	- [Webpack](#webpack)
	- [Gulp](#gulp)
	- [Babel](#babel)
	- [Node.js](#nodejs-1)
	- [Npm](#npm)
	- [Yarn](#yarn)
	- [Lerna](#lerna)
	- [Git](#git-2)
	- [GraphQL](#graphql)
	- [Nginx](#nginx)
  - [微前端](#微前端)
  - [Serverless](#Serverless)
  - [中台](#中台)
  - [监控](#监控)
  - [客户端](#客户端)
  - [docker](#docker)
  - [地图](#地图)
  - [测试](#测试)
  - [部署](#部署)
  - [Fonts](#fonts)
  - [浏览器](#浏览器-1)
  - [Visual Studio Code](#visual-studio-code)
  - [移动端](#移动端)
  - [算法](#算法-2)
  - [博客](#博客-1)
  - [Markdown](#markdown)
  - [设计](#设计)
  - [职业](#职业)
  - [团队](#团队)
  - [协议](#协议)
  - [工具](#工具-1)
  - [低代码](#低代码)
  - [可视化](#可视化)
  - [稳定性](#%E7%A8%B3%E5%AE%9A%E6%80%A7)
  - [全栈](#全栈-1)
  - [总结](#总结-1)
  - [面试](#面试-1)
	- [面经](#面经)
	- [站点](#站点)


## 博客

**有些文章写了，但可能还没理解透彻。**

### CSS

- [清除和去除浮动](http://www.ziyi2.cn/2017/08/02/%E6%B8%85%E9%99%A4%E5%92%8C%E5%8E%BB%E9%99%A4%E6%B5%AE%E5%8A%A8/)

### Vue

- [Vue CLI 3 构建库时对于产生 Polyfill 的问题分析](https://github.com/ziyi2/ziyi2.github.io/issues/1)
- [Vue CLI 3 缓存旧版本的 VUE 组件(npm包)问题](https://github.com/ziyi2/ziyi2.github.io/issues/2)
- [Vue CLI 3 结合 Lerna 进行UI设计](https://github.com/ziyi2/awesomes-front-end/edit/master/README.md)
- [Vue 源码分析 - nextTick](https://github.com/ziyi2/ziyi2.github.io/issues/5)
- [基于 Vue 的简易 MVVM 实现](https://github.com/ziyi2/ziyi2.github.io/issues/8)


### 设计模式


- [MV* 架构设计模式的演变历史](https://github.com/ziyi2/mvvm/blob/master/doc/history.md) - 了解MVC、MVP以及MVVM的演变历史
- [观察者模式和发布/订阅模式](https://github.com/ziyi2/mvvm/blob/master/doc/mode.md)
- [mvvm](https://github.com/ziyi2/mvvm) - 模拟Vue的简易实现


### Git

- [Cz 工具集使用介绍 - 规范 Git 提交说明](https://github.com/ziyi2/ziyi2.github.io/issues/6)

### Npm

- [Npm 发布和使用命令行(CLI)工具](https://github.com/ziyi2/ziyi2.github.io/issues/7)


### 面试

- [面试分享：两年工作经验成功面试阿里P6总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)
- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)

### 总结

- [2019 前端之路 | 掘金年度征文](https://juejin.im/post/5e11ef3b6fb9a0483a135fa7)

### 随笔

- [莫泊桑短篇小说简评](http://www.ziyi2.cn/2017/06/09/%E8%8E%AB%E6%B3%8A%E6%A1%91%E7%9F%AD%E7%AF%87%E5%B0%8F%E8%AF%B4%E7%AE%80%E8%AF%84/)
- [那一年，我毕业了](http://www.ziyi2.cn/2017/07/16/%E9%82%A3%E4%B8%80%E5%B9%B4%EF%BC%8C%E6%88%91%E6%AF%95%E4%B8%9A%E4%BA%86/)
- [他](http://www.ziyi2.cn/2017/09/24/%E4%BB%96/)
- [挪威的森林里](http://www.ziyi2.cn/2018/01/25/%E6%8C%AA%E5%A8%81%E7%9A%84%E6%A3%AE%E6%9E%97%E9%87%8C/)


## 笔记

**有些笔记记了，但可能仍然会忘记。**



### JavaScript

- [jquery 2.0.3 源码分析笔记](https://github.com/ziyi2/jquery) -  参考《锋利的jQuery》/《jQuery技术内幕》/《JavaScript高级程序设计》/《JavaScript权威指南》
- [设计模式](https://github.com/ziyi2/js/blob/master/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.md) - 参考两本《JavaScript设计模式》
- [JavaScript 类和继承](https://github.com/ziyi2/js/blob/master/JS%E7%B1%BB%E5%92%8C%E7%BB%A7%E6%89%BF.md) - 参考《ES6标准入门》/ 《JavaScript高级程序设计》/《JavaScript权威指南》
- [如何使 JavaScript 提高运行性能](https://github.com/ziyi2/js/blob/master/%E9%AB%98%E6%80%A7%E8%83%BDJS.md) - 参考《高性能JavaScript》
- [ES6 学习笔记](https://github.com/ziyi2/es6) - 参考《ES6标准入门》
- [JavaScript 高级程序设计](https://github.com/ziyi2/js/blob/master/JavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1.docx) - 参考《JavaScript高级程序设计》
- [JavaScript 权威指南](https://github.com/ziyi2/js/blob/master/JavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1.docx) - 参考《JavaScript权威指南》


### 算法

- [算法导论与 JavaScript 实现](https://github.com/ziyi2/algorithms-javascript) - 参考《算法导论》/《数据结构与算法JavaScript描述》/ [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) / [CLRS](https://github.com/gzc/CLRS) - **【进行中】**
- [数据结构和算法](https://github.com/ziyi2/data-structure-algorithm-procedure)  - 参考《数据结构与算法JavaScript描述》


### CSS

- [CSS 权威指南](https://github.com/ziyi2/css/blob/master/css%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.docx) - 参考《CSS权威指南》
- [CSS 世界](https://github.com/ziyi2/css/blob/master/css%E4%B8%96%E7%95%8C.md) - 参考《CSS世界》/《CSS权威指南》
- [精通 CSS](https://github.com/ziyi2/css/blob/master/%E7%B2%BE%E9%80%9Acss.md) - 参考《精通CSS：高级WEB标签解决方案》

### HTTP
- [HTTP 协议分析](http://www.ziyi2.cn/2018/04/10/http%E5%8D%8F%E8%AE%AE%E5%88%86%E6%9E%90/) - 参考《图解HTTP》 


### 正则

- [正则表达式](https://github.com/ziyi2/rugular) - 参考《精通正则表达式》- **【进行中】**

## Awesomes

**一个好的 Awesome 可以快速入门某项技术。**

### 全部

- [awesome](https://github.com/sindresorhus/awesome) - Awesome lists about all kinds of interesting topics
- [awesome-awesome](https://github.com/emijrp/awesome-awesome) - A curated list of awesome curated lists of many topics.
- [awesome-awesome-awesome](https://github.com/jonatasbaldin/awesome-awesome-awesome) - Awesome list of repositories of awesome lists

### 语言

- [awesome-javascript](https://github.com/sorrycc/awesome-javascript) - A collection of awesome browser-side JavaScript libraries, resources and shiny things.
- [awesome-css](https://github.com/awesome-css-group/awesome-css) - A curated contents of amazing CSS :)
- [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources
- [Front-End-Develop-Guide](https://github.com/icepy/Front-End-Develop-Guide) - 这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成
- [knowledge](https://github.com/f2e-awesome/knowledge) - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。
- [awesome-javascript-cn](https://github.com/jobbole/awesome-javascript-cn) - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等

### 框架

- [awesome-vue](https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js
- [awesome-react](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem
- [awesome-wechat-weapp](https://github.com/justjavac/awesome-wechat-weapp) - 微信小程序开发资源汇总
- [awesome-graphql](https://github.com/chentsulin/awesome-graphql) - Awesome list of GraphQL & Relay
- [Awesome Redux](https://github.com/xgrommx/awesome-redux) - Awesome list of Redux examples and middlewares
- [awesome-github-vue](https://github.com/opendigg/awesome-github-vue) - Vue 相关开源项目库汇总
- [awesome-github-wechat-weapp](https://github.com/opendigg/awesome-github-wechat-weapp) - 微信小程序开源项目库汇总
- [awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt) - A curated list of awesome things related to Nuxt.js
- [awesome-nextjs](https://github.com/unicodeveloper/awesome-nextjs) - A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)

### UI

- [awesome-ui-component-library](https://github.com/anubhavsrivastava/awesome-ui-component-library) - Curated list of framework component libraries for UI styles/toolkit
- [awesome-react-components](https://github.com/brillout/awesome-react-components) - Curated List of React Components & Libraries.

### 架构

- [awesome-architecture](https://github.com/toutiaoio/awesome-architecture) - 架构师技术图谱，助你早日成为架构师

### 书籍

- [awesome-books](https://github.com/guanpengchn/awesome-books) - 开发者推荐阅读的书籍
- [awesome-programming-books](https://github.com/royeo/awesome-programming-books) - 经典技术书籍推荐，持续更新...
- [awesome-bookmarks](https://github.com/PanJiaChen/awesome-bookmarks)

### 工具

- [awesome-mac](https://github.com/jaywcjlove/awesome-mac) - Collect premium software in various categories
- [awesome-vscode](https://github.com/viatsko/awesome-vscode) - A curated list of delightful VS Code packages and resources.
- [Awesome-Design-Tools](https://github.com/LisaDziuba/Awesome-Design-Tools) - The best design tools and plugins for everything
- [awesome-webpack](https://github.com/webpack-contrib/awesome-webpack) - A curated list of awesome Webpack resources, libraries and tools
- [awesome-gulp](https://github.com/alferov/awesome-gulp) - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation
- [awesome-github](https://github.com/AntBranch/awesome-github) - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue
- [awesome-npm](https://github.com/sindresorhus/awesome-npm) - Awesome npm resources and tips

### 图标

- [Font Awesome](https://github.com/FortAwesome/Font-Awesome) - The iconic SVG, font, and CSS toolkit

### 文档

- [awesome-resume](https://github.com/resumejob/awesome-resume) - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版

- [awesome-interview-questions](https://github.com/MaximAbramchuck/awesome-interview-questions) - A curated awesome list of lists of interview questions. Feel free to contribute!
- [awesome-webpack-cn](https://github.com/webpack-china/awesome-webpack-cn) - webpack 优秀中文文章

## 书籍

 **有些书买了，但可能永远遗憾。**
 
### HTML

- [ ] 《HTML5与CSS3权威指南》- 陆凌牛 - 机械工业出版社

### JavaScript

- [x] 《JavaScript从入门到精通》- 明日科技 - 清华大学出版社
- [x] 《JavaScript宝典（第六版）》- (美)古德曼,(美)莫里森 - 人民邮电出版社
- [x] 《JavaScript高级程序设计》- Nicholas C. Zakas - 人民邮电出版社
- [x] 《JavaScript权威指南》- (美)弗兰纳根 -  机械工业出版社
- [x] 《高性能JavaScript》 - Nicholas C. Zakas - 电子工业出版社
- [x]  《JavaScript设计模式》-  - (美)奥斯马尼 - 电子工业出版社
- [x] 《ES6标准入门》 - 阮一峰 电子工业出版社 
- [x] 《JavaScript设计模式》- 张容铭  -人民邮电出版社 
- [x] 《jQuery技术内幕》- 高云 - 机械工业出版社
- [x] 《锋利的jQuery》 - 单东林，张晓菲，魏然 -  人民邮电出版社
- [ ] 《JavaScript性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社
- [ ] 《编写可维护的JavaScript》- Nicholas C. Zakas - 人民邮电出版社
- [ ]  《JavaScript语言精髓》- (美)克罗克福德 - 电子工业出版社
- [ ] 《JavaScript函数式编程》- (美)Michael Fogus - 人民邮电出版社
- [ ] 《JavaScript忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社

### 浏览器

- [x] 《Chrome扩展及应用开发》- 李喆 - 人民邮电出版社

### CSS

- [x] 《CSS权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社
- [x] 《深入理解Bootstrap》 - 徐涛 - 机械工业出版社
- [x] 《CSS世界》- 张鑫旭 - 人民邮电出版社
- [x] 《精通CSS：高级WEB标签解决方案》- (英)巴德，(英)科利森，(英)莫尔 - 人民邮电出版社 
- [ ] 《CSS揭秘》- Lea Verou - 人民邮电出版社
- [ ] 《CSS实战手册》- (美)David McFarland - 中国电力出版社
- [ ] 《图解CSS3》- 大漠 - 机械工业出版社

### Node.js

- [x] 《Node即学即用》 - (英)TomHughes-Croucher MikeWilson  - 人民邮电出版社
- [x] 《深入浅出Node.js》 - 朴灵  - 人民邮电出版社
- [ ] 《Node.js权威指南》- 陆凌牛 - 机械工业出版社
- [ ] 《Node.js调试指南》- 赵坤 - 电子工业出版社

### 全栈

- [x] 《Node.js+MongoDB+Angular Web开发：MEAN全栈权威指南》 - （美）Brad Dayley - 电子工业出版社
- [x] 《Web全栈工程师的自我修养》- 余果 - 人民邮电出版社

### Vue
- [ ] 《Vue.js前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社
- [ ] 《Vue.js权威指南》- 张耀春 - 电子工业出版社
- [ ] 《Vue2实践揭秘》- 梁睿坤 - 电子工业出版社

### React
- [ ] 《深入React技术栈》 - 陈屹 - 人民邮电出版社

### Git

- [x] 《Git版本控制管理》- (美)罗力格，(美)麦卡洛  - 人民邮电出版社

### 数据结构

- [x] 《数据结构(第二版)》-  严蔚敏 - 清华大学出版社
- [x] 《数据结构与算法JavaScript描述》- (美)Michael McMillan - 人民邮电出版社


### 网络
- [x] 《计算机网络基础》- 罗娅 - 清华大学出版社
- [x] 《图解HTTP》 - (日) 上野宣 - 人民邮电出版社
- [ ] 《深入理解Nginx》- 陶辉 - 机械工业出版社
- [ ] 《TCP/IP详解 卷1-3》- 机械工业出版社
- [ ] 《图解TCP/IP》- (日) 竹下隆史 - 人民邮电出版社
- [ ] 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社

### Web

- [ ] 《Web性能权威指南》- Ilya Grigorik - 人民邮电出版社

### 正则

- [ ] 《精通正则表达式》- (美)杰佛瑞E.F.佛瑞德  - 电子工业出版社 -**【进行中】**

### 算法

- [ ] 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -**【进行中】**
- [ ] 《计算机程序设计艺术 卷1：基本算法》- (美) 高德纳 - 人民邮电出版社 
- [ ] 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社
- [ ] 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社


### 存储

- [ ] 《Redis设计与实现》- 黄健宏 - 机械工业出版社

### 软件工程

- [x] 《软件工程》 - 赖均 - 清华大学出版社

### 操作系统

- [ ] 《鸟哥的Linux私房菜基础学习篇》- 鸟哥 - 人民邮电出版社
- [ ] 《操作系统真象还原》- 郑钢 - 人民邮电出版社


### 其他

- [x] [《不止代码》](https://alitech-private.oss-cn-beijing.aliyuncs.com/1530517140411/Codelife.pdf?Expires=1556938189&OSSAccessKeyId=LTAIqKGWQyF6Vd3W&Signature=wdZLS%2bjHUJunoT2fmT7tqvHZ7w0=) - 电子版 - 阿里巴巴
- [ ] 《前端面试江湖》- 李红米 - 电子工业出版社

### 人生

- [x] 《冰心诗集》
- [x] 《艾青诗选》
- [x] 《朱自清散文》
- [x] 《徐志摩诗集》
- [x] 《骆驼祥子》
- [x] 《三国演义》
- [ ] 《仓央嘉措》
- [x] 《红与黑》
- [x] 《傲慢与偏见》
- [x] 《巴黎圣母院》
- [ ] 《希腊神话》
- [x] 《鲁滨逊漂流记》
- [x] 《少年维特之烦恼》
- [x] 《三个火枪手》
- [x] 《简·爱》
- [x] 《茶花女》
- [x] 《包法利夫人》
- [x] 《爱的教育》
- [x] 《契诃夫小说集》
- [x] 《钢铁是怎样炼成的》
- [ ] 《老人与海》
- [x] 《罪与罚》
- [x] 《挪威的森林》
- [x] 《浮士德》
- [x] 《局外人》
- [x] 《羊脂球》
- [x] 《莫泊桑短篇小说选》
- [x] 《苦儿流浪记》
- [x] 《十四行诗》
- [ ] 《飘》
- [ ] 《悲催世界》
- [ ] 《堂·吉诃德》
- [ ] 《忏悔录》
- [ ] 《九三年》
- [ ] 《欧也妮·葛朗台》
- [ ] 《高老头》
- [ ] 《基督山伯爵》
- [ ] 《呼啸山庄》
- [ ] 《汤姆叔叔的小屋》
- [ ] 《草叶集》
- [ ] 《战争与和平》
- [ ] 《安娜·卡列宁娜》
- [ ] 《复活》
- [ ] 《普希金诗选》
- [ ] 《了不起的盖茨比》
- [ ] 《飞鸟集》
- [ ] 《小王子》
- [ ] 《童年》


## 书签

**有些书签收藏了，但可能永远不会再打开。**

### HTTP

#### 文档

- [计算机通识-网络](https://yuchengkai.cn/docs/cs/#udp)

#### 博文

- [Service Worker 从入门到出门](https://juejin.im/post/5d26aec1f265da1ba56b47ea)
- [图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理](https://juejin.im/post/5b555f055188251af25700aa)

#### 应用

- [superagent](https://github.com/visionmedia/superagent) - Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features

#### 博文

- [跨域资源共享 CORS 详解](http://www.ruanyifeng.com/blog/2016/04/cors.html)  - 阮一峰
- [浏览器缓存知识小结及应用](http://www.cnblogs.com/lyzg/p/5125934.html?from=cnblogs)
- [GET方法与POST方法的区别](https://www.cnblogs.com/sunny-sl/p/6529830.html)
- [[译] SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd)
- [彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0](https://blog.csdn.net/liyi1009365545/article/details/84780476)
- [前端跨域整理](https://juejin.im/post/5815f4abbf22ec006893b431)


### CSS

#### 文档

- [CSS Snapshot 2018](https://www.w3.org/TR/css-2018/#indices) - w3c
- [CSS](https://developer.mozilla.org/zh-CN/docs/Learn/CSS) - MDN web docs
- [DevDocs API Documentation CSS](https://docs.segmentfault.com/css/) 
- [BEM](https://en.bem.info/) - class命名规范
- [Less 中文网](http://lesscss.cn/)
- [Sass](https://sass-lang.com/)
- [PostCSS](https://postcss.org/)


#### 应用

- [Bootstrap](https://v4.bootcss.com/) - Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目
- [Bootstrap Table](https://bootstrap-table.com/)
- [Bulma](https://bulma.io/) - Bulma is a free, open source CSS framework based on Flexbox
- [FLEXBOX FROGGY](http://flexboxfroggy.com/#zh-cn) - 学 Flex 的小游戏

#### 后台模板

- [WrapPixel](https://www.wrappixel.com/) - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits
- [Remark](https://getbootstrapadmin.com/remark/base/index.html) - Responsive Bootstrap 4 Admin Template
- [ampleadmin](https://wrappixel.com/ampleadmin/ampleadmin-html/ampleadmin/index.html) - Bootstrap Admin Template

#### 博文

- [CSSOM视图模式(CSSOM View Module)相关整理](https://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/) - 张鑫旭
- [CSS相对定位|绝对定位(五)之z-index篇](https://www.zhangxinxu.com/wordpress/2011/08/css%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E4%BA%94%E4%B9%8Bz-index%E7%AF%87/) - 张鑫旭
- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭
- [我对CSS vertical-align的一些理解与认识](https://www.zhangxinxu.com/wordpress/2010/05/%E6%88%91%E5%AF%B9css-vertical-align%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E4%B8%8E%E8%AE%A4%E8%AF%86%EF%BC%88%E4%B8%80%EF%BC%89/) - 张鑫旭
- [CSS实现单行、多行文本溢出显示省略号](http://www.daqianduan.com/6179.html)
- [Flex 布局教程](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) - 阮一峰
- [我所知道的几种display:table-cell的应用](https://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytable-cell%E7%9A%84%E5%BA%94%E7%94%A8/) - 张鑫旭
- [[译] 这些 CSS 命名规范将省下你大把调试时间](https://juejin.im/post/5a6c5881518825733201daf7)
- [等高分栏布局小结](https://www.cnblogs.com/lyzg/p/5164593.html)
- [css写作建议和性能优化小结](https://segmentfault.com/a/1190000011390896)
- [CSS定位属性详解](https://juejin.im/post/5a1bb35ff265da43231ab164)
- [[译] Web 流式文字排版的现状](https://juejin.im/post/5d267d9de51d45773d4686ab)


### JavaScript

#### 文档

- [ECMAScript 6 入门](http://es6.ruanyifeng.com/) - 开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性

#### 工具

- [ESLint](https://cn.eslint.org/) - 可组装的JavaScript和JSX检查工具
- [Prettier](https://prettier.io/) - An opinionated code formatter
- [CKEditor 4](https://ckeditor.com/ckeditor-4/) - Smart WYSIWYG HTML editor

#### 应用

- [lodash](https://lodash.com/) - A modern JavaScript utility library delivering modularity, performance & extras
- [jQuery](https://jquery.com/)
- [zTree](https://github.com/zTree/zTree_v3) - jQuery Tree Plugin

#### 博文

##### 设计模式
- [Scaling Isomorphic Javascript Code](https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/) 
- [Understanding JavaServer Pages Model 2 architecture](https://www.javaworld.com/article/2076557/understanding-javaserver-pages-model-2-architecture.html)
- [GUI Architectures](https://martinfowler.com/eaaDev/uiArchs.html) 
- [界面之下：还原真实的MV*模式](https://github.com/livoras/blog/issues/11) 
- [ES7 Decorator 装饰者模式](http://taobaofed.org/blog/2015/11/16/es7-decorator/)
- [javascript设计模式系列](https://www.cnblogs.com/webFrontDev/p/3553402.html)
- [框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结](https://www.jianshu.com/p/b42a26623aeb?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation)
- [[译] 什么将会替代 JavaScript 呢？](https://juejin.im/post/5daa897c6fb9a04e3902f4e6)

##### 机制
- [从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](https://mp.weixin.qq.com/s/vIKDUrbuxVNQMi_g_fiwUA)  - 全面了解JS单线程
- [Forcing Garbage Collection in node.js and JavaScript](https://www.xarg.org/2016/06/forcing-garbage-collection-in-node-js-and-javascript/) - 强制垃圾回收

##### 语法
- [如何实现一个深拷贝](https://juejin.im/post/5c45112e6fb9a04a027aa8fe)
- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭
- [Object()的方法一览](https://juejin.im/post/5937699efe88c20061eb412d)
- [Promise之你看得懂的Promise](https://juejin.im/post/5b32f552f265da59991155f0)
- [深入理解 JavaScript 的类型转换](https://juejin.im/post/5d1587f4e51d4510664d1715)
- [【JS 进阶】你真的掌握变量和类型了吗](https://juejin.im/post/5cec1bcff265da1b8f1aa08f)
- [记一次面试题，正则表达式(?=a)是什么意思？](https://juejin.im/post/5ceb7d9df265da1b8811ba7f)
- [【JS迷你书】类型转换之拆箱操作](https://juejin.im/post/5ccfb58f518825405a198fcd)
- [《三分钟阅读》7个有用的JavaScript技巧](https://juejin.im/post/5cc6f07ce51d456e3a5f089b)
- [我是如何将业务代码写优雅的](https://juejin.im/post/5cc7d540e51d456e537ef39e)
- [JS中的null和undefined,undefined为啥用void 0代替?
](https://juejin.im/post/5cc58a72e51d456e845b4289)
- [async/await 优雅的错误处理方法](https://juejin.im/post/5c49eb28f265da613a545a4b)
- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)

##### 工具

- [使用ESLint ＆ Prettier美化Vue代码](https://nice.lovejade.cn/zh/article/beautify-vue-by-eslint-and-prettier.html#%E5%88%9D%E5%A7%8B%E5%8C%96-vue-%E9%A1%B9%E7%9B%AE%E6%8E%A8%E4%BB%8B)
- [eslint prettier的配置选项（参数）官网直译](https://segmentfault.com/a/1190000012909159)
- [A Comparison of JavaScript Linting Tools](https://www.sitepoint.com/comparison-javascript-linting-tools/) - JSLint，JSHint，JSCS和ESLint对比
- [一个日期处理类库moment.js](https://juejin.im/post/5abe07e0f265da237507029e)
- [Prettier 介绍与基本用法](https://juejin.im/post/5ae91143f265da0ba60f97ea)

##### 性能优化

- [让老板虎躯一震的前端技术](https://juejin.im/post/5c3ff18b6fb9a04a0a5f76aa) - 掘金
- [前端优化不完全指南](https://aotu.io/notes/2016/03/16/optimization/)


##### 风格指南

- [Google JavaScript 代码风格指南](https://juejin.im/post/5bd01d4a518825781e647e90)
- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)


### TypeScirpt

#### 文档

- [TypeScirpt](https://www.tslang.cn/) - JavaScript的超集
- [TypeScript 入门教程](https://ts.xcatliu.com/)

#### 博文

- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) 
- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)
- [TS 常见问题整理（60多个，持续更新ing）](https://juejin.im/post/5e33fcd06fb9a02fc767c427)
- [使用 TypeScript 装饰器装饰你的代码](https://juejin.im/post/5d15e13fe51d45108f254242)


### Vue

#### 文档

- [Vue.js](https://cn.vuejs.org/) - 渐进式JavaScript 框架
- [Vuex](https://vuex.vuejs.org/zh/) - 专为Vue.js应用程序开发的状态管理模式
- [Vue Router](https://router.vuejs.org/zh-cn/) -  Vue.js官方的路由管理器
- [Vue CLI3](https://cli.vuejs.org/zh/) - Vue.js开发的标准工具
- [Vue CLI2](https://github.com/vuejs/vue-cli/tree/v2#vue-cli--) - A simple CLI for scaffolding Vue.js projects
- [Vue Loader](https://vue-loader.vuejs.org/zh/guide/#vue-cli) - Vue组件的webpack loader
- [Vue插件开发指南](https://cli.vuejs.org/zh/dev-guide/plugin-dev.html) - Vue CLI3的插件开发指南手册
- [Vue SSR 指南](https://ssr.vuejs.org/zh/) - Vue.js服务器端渲染指南
- [eslint-plugin-vue](https://vuejs.github.io/eslint-plugin-vue/) - Official ESLint plugin for Vue.js

#### 应用
- [Nuxt](https://zh.nuxtjs.org/guide/installation/) - Vue.js通用应用框架(服务端渲染)
- [Vue Apollo](https://akryum.github.io/vue-apollo/) - 在你的 Vue.js 应用中集成 GraphQL
- [Vue I18n](http://kazupon.github.io/vue-i18n/) - Vue.js国际化插件
- [Vue Test Utils](https://vue-test-utils.vuejs.org/) - Vue.js 官方的单元测试实用工具库
- [VuePress 1.x](https://v1.vuepress.vuejs.org/zh/) - Vue 驱动的静态网站生成器


#### 源码分析

- [MVVM](https://github.com/ziyi2/mvvm) - 基于Vue的简易MVVM实现
- [DMQ/MVVM](https://github.com/DMQ/mvvm/issues) - 剖析Vue实现原理，如何实现双向绑定mvvm
- [剖析 Vue.js 内部运行机制](https://github.com/answershuto/learnVue)  - 掘金小册
- [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) - 全方位细致深度解析Vue.js的实现原理
- [深度剖析：如何实现一个 Virtual DOM 算法](https://github.com/livoras/blog/issues/13)
- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别
- [为什么Proxy可以优化vue的数据监听机制](https://juejin.im/post/5bfe3360518825653a231f33)
- [【Vue原理】Watch - 源码版](https://juejin.im/post/5d2065f2518825747817131a)
- [Vue.js的computed和watch是如何工作的？](https://juejin.im/post/5b87f13bf265da436479f3c1)
- [深入理解Vue的watch实现原理及其实现方式](https://juejin.im/post/5af908ea5188254265399009)
- [Vue nextTick 机制](https://juejin.im/post/5ae3f0956fb9a07ac90cf43e)

#### UI组件库

- [element-ui](https://github.com/ElemeFE/element) - 基于Vue2.0的饿了么桌面端组件库
- [muse-ui](https://github.com/museui/muse-ui) - 基于Vue 2.0优雅的Material Design UI组件库
- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design 的 Vue 实现
- [buefy](https://buefy.github.io/#/) - Lightweight UI components for Vue.js based on Bulma
- [Vue Material](https://vuematerial.io/) - Build beautiful apps with Material Design and Vue.js

#### 中台前端

- [vue-antd-admin](https://github.com/iczer/vue-antd-admin) - 一个开箱即用的中后台前端/设计解决方案
- [ant-design-pro-vue](https://github.com/sendya/ant-design-pro-vue) - 开箱即用的中台前端/设计解决方案

#### 脚手架

- [vue-typescript-starter](https://github.com/ws456999/vue-typescript-starter) - vue-typescript-starter 脚手架


#### 插件

- [cli-plugin](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue) - Vue官方插件
- [vue-cli-plugin-i18n](https://github.com/kazupon/vue-cli-plugin-i18n) - Vue I18n插件

#### 工具
- [nuxt-property-decorator](https://github.com/nuxt-community/nuxt-property-decorator) - nuxt属性修饰器

#### 社区

- [Vue中文子论坛](https://forum.vuejs.org/c/chinese)
- [Vue.js专业中文社区](https://www.vue-js.com/)

#### 会议

- [VueConf](https://vue.w3ctech.com/) - Vue.js开发者大会


#### 博文

- [[译] 尤雨溪：Vue 3.0 计划](https://www.vue-js.com/topic/5bbc65bad87c33e71a870ba3) - 介绍Vue 3.0带来的新特性
- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别
- [使用ESLint ＆ Prettier美化Vue代码](https://nice.lovejade.cn/zh/article/beautify-vue-by-eslint-and-prettier.html#%E5%88%9D%E5%A7%8B%E5%8C%96-vue-%E9%A1%B9%E7%9B%AE%E6%8E%A8%E4%BB%8B)
- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) 
- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)
- [美团点评点餐 Nuxt.js 实战](https://juejin.im/post/598aabe96fb9a03c335a8dde#heading-10)
- [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110)
- [Vue2.0 探索之路——生命周期和钩子函数的一些理解](https://segmentfault.com/a/1190000008010666)
- [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)
- [离职后才搞懂vue项目开发流程中的疑惑点](https://juejin.im/post/5c488a3cf265da615705cc2a)
- [Vuex 带来全新的编程体验](https://juejin.im/post/5c3c911ce51d455231347a7a)
- [vue-cli3 从搭建到优化](https://juejin.im/post/5c3c544c6fb9a049d37f5903)
- [what-i-learned-from-analysis-vuepress](https://juejin.im/post/5dc42ebb6fb9a04a9378381c)
- [少年，撸猫吗](https://juejin.im/post/5d5137066fb9a06b2a203214)
- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)

### React

#### 文档
- [React](https://zh-hans.reactjs.org/)
- [Create React App 中文文档](https://www.html.cn/create-react-app/)
- [React Router](https://react-router.docschina.org/)
- [Redux](https://redux.js.org/)
- [Redux Toolkit](https://redux-toolkit.js.org/introduction/quick-start)
- [RxJS 中文文档](https://cn.rx.js.org/)
- [redux-observable](https://redux-observable-cn.js.org/)
- [React Lifecycle](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)

#### UI组件库

- [Ant Design](https://ant.design/index-cn) - 基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品
- [Salt UI](https://salt-ui.github.io/) - 高效、简洁的移动端UI组件库


#### 博文

- [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27)
- [React 的性能优化（一）当 PureComponent 遇上 ImmutableJS](https://segmentfault.com/a/1190000011408775#articleHeader3)
- [[译] React-Redux 官方 Hooks 文档说明](http://react-china.org/t/topic/34076)
- [渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs](https://juejin.im/post/5bc887ba6fb9a05d265991d5)
- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)
- [Redux 入门教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)
- [Redux 入门教程（二）：中间件与异步操作](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)
- [Redux 入门教程（三）：React-Redux 的用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)
- [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data)
- [2020 年你应该知道的 React 库](https://juejin.im/post/5e4e1b07e51d4527143e44be)
- [React Hooks 究竟有多慢？](https://juejin.im/post/5e3ac653e51d45270b7d4e3d)
- [终于搞懂 React Hooks了！！！！！](https://juejin.im/post/5e53d9116fb9a07c9070da44)
- [关于Vue和React的一些对比及个人思考（中）](https://juejin.im/post/5e292746e51d451c8771d16e)
- [[译] React-Redux 官方 Hooks 文档说明](https://juejin.im/post/5d6600a4f265da03e1688883)
- [React 开发必须知道的 34 个技巧【近1W字】](https://juejin.im/post/5dcb5a80e51d4520db19b906)
- [使用70行代码配合hooks重新实现react-redux](https://juejin.im/post/5be6150551882511a8526955)
- [使用 React Hooks + Context 打造简版 Redux](https://juejin.im/post/5d5501cd6fb9a06aee362a9d)
- [2019年了，整理了N个实用案例帮你快速迁移到React Hooks](https://juejin.im/post/5d594ea5518825041301bbcb)
- [React Hooks 详解 【近 1W 字】+ 项目实战](https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d)
- [React16：Hooks总览，拥抱函数式 (这大概是最全的React Hooks吧)](https://juejin.im/post/5cb5705ee51d456e6e38921d)
- [React hooks实践](https://juejin.im/post/5c4d7122e51d4556940c15cb)
- [30分钟精通React Hooks](https://juejin.im/post/5be3ea136fb9a049f9121014)
- [Redux-thunk快速入门](https://juejin.im/post/5b035c0c51882565bd258f12)
- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)
- [RxJS入门](https://juejin.im/post/597fe587518825563e037bd3)
- [[译] 看动画，学 RxJS](https://juejin.im/post/58cd146a61ff4b0060277d32)
- [使用 redux-observable 实现组件自治](https://juejin.im/post/5b798501f265da43473130a1)
- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下）](https://juejin.im/post/5b3dd2d25188251b193d2d7e)
- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上）](https://juejin.im/post/5b39e63ae51d4562aa017c81)
- [[译] 关于 React Router 4 的一切](https://juejin.im/post/5995a2506fb9a0249975a1a4)
- [React路由鉴权](https://juejin.im/post/5d6352116fb9a06ae8361932)
- [react-router4基于react-router-config的路由拆分与按需加载](https://juejin.im/post/5a3880b56fb9a0451a767f07)
- [快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践](https://juejin.im/post/5a6e364c518825733c144d67)
- [从0到1快速构建基于create-react-app的脚手架](https://juejin.im/post/5b0374f751882542ba0814f9)
- [【长文慎入】一文吃透 React SSR 服务端渲染和同构原理](https://juejin.im/post/5d7deef6e51d453bb13b66cd)
- [技术胖的2019新版React全家桶免费视频（84集）](https://juejin.im/post/5d817a15f265da039929a761)
- [React组件设计实践总结02 - 组件的组织](https://juejin.im/post/5cd8fb916fb9a03218556fc1)
- [React组件设计实践总结01 - 类型检查](https://juejin.im/post/5cd7f2c4e51d453a7d63b715)
- [[译] 2019 React Redux 完全指南](https://juejin.im/post/5cac8ccd6fb9a068530111c7)
- [掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
](https://juejin.im/post/5d085be0f265da1bac401937)

#### 源码解析

- [React 源码解析](https://react.jokcy.me/)
- [React源码系列(一): 总结看源码心得及方法感受 #1](https://github.com/jsonz1993/react-source-learn/issues/1)
- [React 源码全方位剖析](http://www.sosout.com/2018/08/12/react-source-analysis.html)


### Webpack

#### 文档

- [Webpack](https://www.webpackjs.com/) - 静态模块打包器
- [深入浅出Webpack](http://webpack.wuhaolin.cn/) 

#### 工具

- [webpack-chain](https://github.com/neutrinojs/webpack-chain) - 生成和修改Webpack配置信息的链式API集

#### 博文

- [入门 Webpack，看这篇就够了](https://segmentfault.com/a/1190000006178770) - Webpack科普类博文
- [Webpack 入门指迷](https://segmentfault.com/a/1190000002551952) - Webpack科普类博文
- [Webpack 大法之 Code Splitting](https://zhuanlan.zhihu.com/p/26710831) - 缩小打包体积
- [彻底解决Webpack打包性能问题](https://zhuanlan.zhihu.com/p/21748318)
- [让你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)
- [import、require、export、module.exports 混合使用详解](https://segmentfault.com/a/1190000012386576)
- [前端构建秘籍](https://juejin.im/post/5c9075305188252d5c743520)
- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)
- [html-webpack-plugin 使用总结](https://juejin.im/post/5ce96ad7e51d455a2f2201e1)
- [带你深度解锁Webpack系列(优化篇)](https://juejin.im/post/5e6cfdc85188254913107c1f)
- [玩转 webpack，使你的打包速度提升 90%](https://juejin.im/post/5e53dbbc518825494905c45f)
- [看完这篇，面试再也不怕被问 Webpack 热更新](https://juejin.im/post/5d8b755fe51d45781332e919)
- [成长 | 一年时间，0 到 30000](https://juejin.im/post/5d86084b6fb9a06b2650d227)
- [webpack4入门](https://juejin.im/post/5d6356faf265da03e1688423)

### Gulp

- [Gulp中文网](https://www.gulpjs.com.cn/) - 用自动化构建工具增强你的工作流程！

### Babel

#### 文档

- [Babel](https://www.babeljs.cn/) - JavaScript编译器

#### 插件集

- [@vue/babel-preset-app](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app) - Vue CLI3的Babel插件集
- [@babel/preset-env](https://github.com/babel/babel/tree/master/packages/babel-preset-env) - Babel插件集



#### 博文

- [你真的会用Babel吗？](https://juejin.im/post/59b9ffa8f265da06710d8e89#comment) - 全面了解Babel
- [再见，babel-preset-2015](https://zhuanlan.zhihu.com/p/29506685)
- [Deploying ES2015+ Code in Production Today](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/)
- [【建议改成】读完这篇你还不懂Babel我给你寄口罩](https://juejin.im/post/5e477139f265da574c566dda)


### Node.js

#### 文档

- [Node.js文档](http://nodejs.cn/api/)
- [mongoose](https://mongoosejs.com/) - elegant mongodb object modeling for node.js
- [mongoose](https://mongoosedoc.top/) - 中文版

#### 应用

- [linkerd2](https://linkerd.io/) - Linkerd gives you observability, reliability, and security for your microservices
- [Express](https://expressjs.com/zh-cn/) - 高度包容、快速而极简的 Node.js Web 框架
- [Koa](https://koa.bootcss.com/) - 基于Node.js平台的下一代web开发框架
- [Egg](https://eggjs.org/zh-cn/index.html) - better enterprise frameworks and apps with Node.js & Koa
- [Socket.io](https://socket.io/#examples) - websocket
- [Node Redis](https://github.com/NodeRedis/node_redis)

#### 工具

- [pm2](https://pm2.io/) - The Most Advanced Production Process Manager for Node.js

#### 博文

##### 命令行工具
- [Node.js+commander开发命令行工具](https://www.jianshu.com/p/2cae952250d1) 
- [Node.js 命令行程序开发教程](http://www.ruanyifeng.com/blog/2015/05/command-line-with-node.html) - 阮一峰

##### 数据库
- [Mongoose the Typescript way…?](https://stackoverflow.com/questions/34482136/mongoose-the-typescript-way)
- [mongoose Population 连表／关联使用](https://www.jianshu.com/p/d700ad062083)
- [支撑日活百万用户的高并发系统，应该如何设计其数据库架构？【石杉的架构笔记】](https://juejin.im/post/5c6a9f25518825787e69e70a)

##### 框架

- [Node.js环境性能监控](https://juejin.im/post/5c71324b6fb9a049d37fbb7c) - Egg框架
- [说说 Node 和 ES6 模块化那些不为人知的事儿](%E8%AF%B4%E8%AF%B4%20Node%20%E5%92%8C%20ES6%20%E6%A8%A1%E5%9D%97%E5%8C%96%E9%82%A3%E4%BA%9B%E4%B8%8D%E4%B8%BA%E4%BA%BA%E7%9F%A5%E7%9A%84%E4%BA%8B%E5%84%BF)

##### 微服务
- [微服务架构入门](https://segmentfault.com/a/1190000015018291)
- [微服务简介](https://segmentfault.com/a/1190000015798054)

##### BFF
- [微服务下使用GraphQL构建BFF](https://github.com/fanly/reading/issues/244)
- [大前端架构思考与选择](https://www.jianshu.com/p/bb8ac7db7e2d)

##### Typescript

- [使用 TypeScript 开发 Node.js](https://juejin.im/entry/59c09867f265da06560457c3)

##### 爬虫

- [手把手教你做爬虫](https://blog.csdn.net/yezhenxu1992/article/details/50820629)
- [关于爬虫，就此封键盘](https://zhuanlan.zhihu.com/p/22097627)
- [PHP, Python, Node.js 哪个比较适合写爬虫？](https://www.zhihu.com/question/23643061)
- [基于Redis的三种分布式爬虫策略](%E5%9F%BA%E4%BA%8ERedis%E7%9A%84%E4%B8%89%E7%A7%8D%E5%88%86%E5%B8%83%E5%BC%8F%E7%88%AC%E8%99%AB%E7%AD%96%E7%95%A5)
- [简单高效的nodejs爬虫模型](https://cnodejs.org/topic/584a18289ff0dbf333450901)

### Npm

#### 文档

- [npm中文文档](https://www.npmjs.com.cn/)

#### 博文

- [[译] npm 的经济风云 —— 上半部分](https://juejin.im/post/5d146225e51d4556db694a4b)
- [前端工程化（5）：你所需要的npm知识储备都在这了](https://juejin.im/post/5d08d3d3f265da1b7e103a4d)

### Yarn

#### 文档


- [yarn](https://yarn.bootcss.com/) - 快速、可靠、安全的依赖管理工具。
- [Workspaces in Yarn](https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/)
- [工作区](https://yarnpkg.com/zh-Hans/docs/workspaces)

### Lerna

#### 文档
- [Lerna](https://lernajs.io/) - A tool for managing JavaScript projects with multiple packages


#### 博文

- [Why you should use a single repository for all your company’s projects](https://www.drmaciver.com/2016/10/why-you-should-use-a-single-repository-for-all-your-companys-projects/) - 多项目单仓库思考
- [Open Sourcing CloudFlare’s UI Framework](https://blog.cloudflare.com/cf-ui/) - 使用Lerna开源的UI框架设计
- [monorepo 新浪潮 | introduce lerna](https://github.com/pigcan/blog/issues/3) - Lerna介绍
- [Why is Babel a monorepo?](https://github.com/babel/babel/blob/master/doc/design/monorepo.md)
- [lerna管理前端packages的最佳实践](https://juejin.im/post/5a989fb451882555731b88c2)

### Git

#### 文档

- [Git](https://git-scm.com/doc) - Documentation
- [Git教程](https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) - 廖雪峰
- [commit_msg](https://git-scm.com/docs/githooks#_commit_msg) - git钩子文档
- [Git 分支 - 变基](https://git-scm.com/book/zh/v2/Git-%E5%88%86%E6%94%AF-%E5%8F%98%E5%9F%BA)
- [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) - 语义化版本控制规范

#### 规范

- [Angular规范](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#heading=h.greljkmo14y0) 

#### 工具

- [cz-cli](https://github.com/commitizen/cz-cli) - cz工具
- [cz-customizable](https://github.com/leonardoanalista/cz-customizable) - cz适配器
- [@commitlint/config-conventional](https://github.com/marionebl/commitlint/tree/master/@commitlint/config-conventional)  - cz适配器
- [commitlint](https://github.com/marionebl/commitlint) - cz校验工具
- [commitlint-config-cz](https://github.com/whizark/commitlint-config-cz) - cz校验工具的校验规则
- [validate-commit-msg](https://github.com/Frikki/validate-commit-message) - cz校验工具
- [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog) - cz日志生成器

#### 网站

- [HELLO GITHUB](https://hellogithub.com/) - 分享 GitHub 上有趣、入门级的开源项目

#### 博文

- [如何让你的 GitHub 项目表面上更专业](https://juejin.im/post/5d312fb6f265da1b60293c51)
- [git-flow 的工作流程](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow)
- [如何使用 Issue 管理软件项目？](http://www.ruanyifeng.com/blog/2017/08/issue.html)
- [Git 工作流程](http://www.ruanyifeng.com/blog/2015/12/git-workflow.html)
- [为无线前端团队打造高效git工作流](https://juejin.im/post/5b2b76e251882574934c388d)
- [GitHub 新出的 Actions 是什么? 用他做自动测试?](https://juejin.im/post/5d5378e9f265da03d72811a1)

### GraphQL

#### 文档
- [GraphQL](https://graphql.github.io/) - A query language for your API
- [Prisma OSS Documentation](https://oss.prisma.io/) - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...) 
- [Apollo Client](https://www.apollographql.com/docs/react/) - Apollo Client is the best way to use GraphQL to build client applications

#### 应用
- [graphql-yoga](https://github.com/prisma/graphql-yoga) - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience
- [graphql-middleware](https://github.com/prisma/graphql-middleware) - Split up your GraphQL resolvers in middleware functions

#### 博文

- [30分钟理解GraphQL核心概念](https://segmentfault.com/a/1190000014131950) 
- [Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers](https://www.prisma.io/blog/graphql-middleware-zie3iphithxy/)
- [RPC vs REST vs GraphQL](https://segmentfault.com/a/1190000013961872)
- [GraphQL从入门到实战](https://juejin.im/post/5cd68a9b51882568047fa6eb)


### Nginx

#### 文档

- [nginx](https://nginx.org/en/)
- [Nginx开发从入门到精通](http://tengine.taobao.org/book/#nginx)

#### 博文

- [前端必会的 Nginx入门视频教程(共11集)](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)
- [前端开发者必备的Nginx知识](https://juejin.im/post/5c85a64d6fb9a04a0e2e038c)

### 微前端

- [微前端的那些事儿](https://microfrontends.cn/)
- [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html)
- [微前端入门](https://juejin.im/post/5d8adb8ff265da5ba12cd173)
- [Web Components](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components)
- [Web Components 入门实例教程](http://www.ruanyifeng.com/blog/2019/08/web_components.html)
- [了解什么是微前端](https://juejin.im/post/5d1f19e3f265da1bab29ce5f)
- [[译] 微前端](https://juejin.im/post/5d0e367b6fb9a07ebf4b781a)

### Serverless

- [Serverless 掀起新的前端技术变革](https://zhuanlan.zhihu.com/p/65914436)
- [云计算的三种服务模式：IaaS，PaaS和SaaS](https://www.jianshu.com/p/b96d4ad71b57)

### 中台

- [漫画：什么是中台？](https://juejin.im/post/5d995f82f265da5ba308389d#comment)
- [中台是什么，到底要解决什么问题？](https://juejin.im/post/5d8093c251882579f24fb9ed)

### 监控

- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)
- [把前端监控做到极致](https://juejin.im/post/5a52f138f265da3e5b32a41b)
- [全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能](https://juejin.im/post/5d5ba2c6f265da03a653195e)
- [“前端+应用”两大监控利器商业化首发 ARMS领跑APM市场](https://juejin.im/post/5aa892ce518825558154aa8d)
- [通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕](https://juejin.im/post/5afc3d0351882542664301d0)
- [UEM“探针”技术及用户体验管理](https://juejin.im/post/5d283c16f265da1b7004d647)

### 客户端

- [简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink](https://juejin.im/post/5c0492a36fb9a049e82b435a)
- [从用 AngularJS 开发 PC 客户端说起](https://segmentfault.com/a/1190000004178969)
- [互联网:桌面客户端框架技术选型](https://www.sohu.com/a/251582457_100259554)
- [漫谈windows桌面客户端的UI框架](https://www.dazhuanlan.com/2019/09/29/5d8f936a633a2/)
- [小白必看，JSBridge 初探](https://juejin.im/post/5e5248216fb9a07cb0314fc9)
- [分享这半年的 Electron 应用开发和优化经验](https://juejin.im/post/5e0010866fb9a015fd69c645)
- [Electron 从零到一](https://juejin.im/post/5dad8141f265da5b873c778b)
- [浅谈Native、Web App、Hybrid、RN 和 Weex优劣](https://juejin.im/post/59c0b5265188256bd871e9bd)
- [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)
- [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)
- [前端构造桌面级应用（QQ音乐）](https://juejin.im/post/5bfcb417e51d452e5e70ea8a)
- [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1)
- [Hybrid 开发：JsBridge - Web 和客户端的桥](https://juejin.im/post/58cdeba62f301e007e4af7e6)
- [JSBridge实战](https://juejin.im/post/5bda6f276fb9a0226d18931f)
- [高并发IM系统架构优化实践](https://juejin.im/post/5b1e2cc15188257d4529804b)
- [给客户端同学的一份前端学习指南](https://juejin.im/post/5be2c66df265da61715dd19b)
- [2000万日订单背后：美团外卖客户端高可用建设体系](https://juejin.im/post/5b10afc06fb9a01e39624d3d)

### docker

- [如何使用 docker 部署前端应用](https://juejin.im/post/5c83cbaa6fb9a04a0f65fdaa)

### 地图

- [OpenLayers](https://openlayers.org/)
- [OpenLayers 3 Primer](http://weilin.me/ol3-primer/index.html) - OpenLayers 3使用的入门教程


### 测试

#### 文档

- [Vue Test Utils](https://vue-test-utils.vuejs.org/zh/) - Vue.js 官方的单元测试实用工具库
- [Jest](https://jestjs.io/) - Jest is a delightful JavaScript Testing Framework with a focus on simplicity
- [Nightwatch.js](http://nightwatchjs.org/) - Browser automated testing, the easy way
- [Mocha](https://mochajs.org/) - Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun.
- [Chai](https://www.chaijs.com/) - 断言库
- [Karma](http://karma-runner.github.io/latest/index.html) - A simple tool that allows you to execute JavaScript code in multiple real browsers

#### 博文

- [测试框架 Mocha 实例教程](http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html) - 阮一峰
- [测试覆盖（率）到底有什么用？](https://www.infoq.cn/article/test-coverage-rate-role)


### 部署

#### 博文
 
- [大公司里怎样开发和部署前端代码？](https://www.zhihu.com/question/20790576/answer/32602154) - 张云龙解答
- [前端开发如何让持续集成/持续部署(CI/CD)跑起来](https://zhuanlan.zhihu.com/p/26701038)
- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)

### Fonts

#### 应用

- [Font Awesome](http://www.fontawesome.com.cn/)
- [Font Awesome](http://www.bootcss.com/p/font-awesome/) - 完美的图标字体只为Bootstrap设计
- [Free Icons](https://icons8.com/icons) - Get free icons designed to combine perfectly and fit into the style of your design
- [[译] 深入浅出 SVG](https://juejin.im/post/5ad84f296fb9a045e8011be1)


### 浏览器

#### Chrome插件

- [Google翻译](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=zh-CN)
- [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) - Vue调试工具
- [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=zh-CN) - Github源码文件浏览工具
- [谷歌访问助手](https://chrome.google.com/webstore/detail/%E8%B0%B7%E6%AD%8C%E8%AE%BF%E9%97%AE%E5%8A%A9%E6%89%8B/gocklaboggjfkolaknpbhddbaopcepfp?hl=zh-CN) - 访问Google浏览器
- [马克飞象](https://chrome.google.com/webstore/detail/marxico/kidnkfckhbdkfgbicccmdggmpgogehop)


#### 兼容性

- [Can I use](https://caniuse.com/#tables) - 查询浏览器兼容性
- [browserl.ist](https://browserl.ist/) - A page to display compatible browsers from a browserslist string


#### 博文

- [为何浏览器控制台的JavaScript引擎性能这么差？](https://www.zhihu.com/question/29352114)
- [前端效能提升之不可忽略的 Chrome 插件](https://juejin.im/post/5ddca3cbe51d4523601740ae)
- [你真的了解回流和重绘吗](https://juejin.im/post/5c6cb7b4f265da2dae511a3d)
- [浏览器的回流与重绘 (Reflow & Repaint)](https://juejin.im/post/5a9923e9518825558251c96a)


### Visual Studio Code

#### 插件

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Prettier formatter for Visual Studio Code
- [Vuetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tooling for VS Code, powered by vue-language-server


### 移动端

#### 博文

- [指尖下的js —— 多触式web前端开发之三：处理复杂手势](https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html)
- [H5 键盘兼容性小结](https://juejin.im/post/5c6d1c8b6fb9a049de6df441)
- [再学Android之WebView](https://juejin.im/post/5cff8c27f265da1bae38f1c1)
- [web移动端布局的那些事儿](https://juejin.im/post/5b6575b0518825196b01fd85)
- [移动端布局适配](https://juejin.im/post/5d4574aff265da03e61af359)
- [关于移动端适配，你必须要知道的](https://juejin.im/post/5cddf289f265da038f77696c)

### 算法

#### 文档

- [《算法导论》答案](https://www.kancloud.cn/windmissing/algorithms-my-answer/115225)
- [目錄：演算法與資料結構](http://alrightchiu.github.io/SecondRound/mu-lu-yan-suan-fa-yu-zi-liao-jie-gou.html)

#### 示例

- [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) - Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- [CLRS](https://github.com/gzc/CLRS) - Solutions to Introduction to Algorithms

#### 工具

- [函数图像绘制工具](https://zh.numberempire.com/graphingcalculator.php)
- [Desmos](https://www.desmos.com/calculator) - Graphing Calculator
- [MathJax与LaTex公式简介 (转载)](https://www.cnblogs.com/linxd/p/4955530.html)
- [MathJax basic tutorial and quick reference](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference/5044)

#### 博文

- [为什么算法渐进复杂度中对数的底数总为2](http://blog.codinglabs.org/articles/why-logarithm-base-of-asymptotic-time-complexity-always-two.html)
- [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1)
- [LeetCode 攻略 - 2019 年 7 月上半月汇总（55 题攻略）](https://juejin.im/post/5d2c19f45188252d1d5f9307)

### 博客

#### 应用

- [Hexo](https://hexo.io/zh-cn/docs/index.html) - Hexo 是一个快速、简洁且高效的博客框架
- [Next](http://theme-next.iissnan.com/) - Elegant Theme for Hexo
- [icarus](https://github.com/ppoffice/hexo-theme-icarus) - A simple, delicate, and modern theme for the static site generator Hexo
- [Yelee](http://moxfive.coding.me/yelee/) - 简而不减 Hexo 双栏博客主题
- [LeanCloud](https://leancloud.cn/dashboard/login.html#/signin) - 博客评论

### Markdown

#### 工具

- [马克飞象](https://maxiang.io/)

#### 文档
- [Markdown 常用公式(github 编辑公式)](https://blog.csdn.net/lihaoweicsdn/article/details/83895143)

### 设计

#### 工具

- [coolors](https://coolors.co/browser/latest/1) - 颜色搭配设计

#### 文章

- [设计小测试！教你制作完美的Favicon图标(附神器)](http://www.uisdc.com/design-perfect-favicon-icon)

### 职业

- [16年毕业的前端er在杭州求职ing](https://juejin.im/post/5a64541bf265da3e2d338862)
- [我在淘宝做前端的这三年 — 第一年](https://juejin.im/post/5c74d4b9e51d4512c37ea03b)
- [我在淘宝做前端的这三年 — 第二年](https://juejin.im/post/5c7dafe8f265da2de25bab27)
- [我在淘宝做前端的这三年 — 第三年](https://juejin.im/post/5c811e426fb9a04a0c2f3bdb)
- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)
- [一位前端 2018 绝地求生记](https://juejin.im/post/5c36fe50518825253b5e94f4)
- [职业路线：前端工程师的晋升逻辑到底是什么](https://juejin.im/post/5d7312f46fb9a06b1d2166e1)
- [今天聊：你晋升失败的原因是什么](https://juejin.im/post/5e847b295188257375467466)
- [如何成为公司独当一面的工程师](https://juejin.im/post/5dd4cc71f265da0bca7899cf)
- [一名合格的程序员应该是什么样子](https://juejin.im/post/5d1574275188251a966bda58)
- [25 岁，毕业写前端的这三年](https://juejin.im/post/5cd8c361f265da03a33c5521)
- [职场瓶颈：2~4 年前端走出离职困境与舒适区](https://juejin.im/post/5cd15648f265da038145eeb9)


### 团队

- [第二届搞基建|堂主 - 如何推动前端团队的基础设施建设](https://juejin.im/post/5e644a65518825495d69bca6)
- [前端API层架构，也许你做得还不够](https://juejin.im/post/5de7169451882512454b18d8)
- [if 我是前端Leader，谈谈前端框架体系建设](https://juejin.im/post/5decf88f51882512327a510a)
- [有赞开源项目最佳实践](https://juejin.im/post/5b03871df265da0ba6102022)
- [技术栈：小菜前端的技术栈是如何规划和演进的](https://juejin.im/post/5c99c17df265da6129788ae2)
- [滴滴后市场前端技术体系](https://juejin.im/post/5a3dd19b6fb9a0452846b159)
- [大型项目前端架构浅谈（8000字原创）](https://juejin.im/post/5cea1f705188250640005472)
- [https://juejin.im/post/5d1c6550518825330a3bfa01](https://juejin.im/post/5d1c6550518825330a3bfa01)

### 协议

- [MIT License](http://choosealicense.online/licenses/mit/)

### 工具

#### 文档

- [ohmyzsh](https://github.com/ohmyzsh/ohmyzsh) 
- [iterm2](https://www.iterm2.com/)
- [Homebrew](https://brew.sh/)
- [dash](https://kapeli.com/dash)
- [Worktile](https://worktile.com/) - 团队协作
- [图表秀](https://sso.tubiaoxiu.com/login?service=https://www.tubiaoxiu.com/srv/login/cas)
- [从前端开发攻城狮的角度打造更好用的 Mac OS](https://github.com/rccoder/blog/issues/22)
- [oh-my-zsh让终端好用到飞起~](https://juejin.im/post/5d773da76fb9a06aff5e9a99)

#### 博文

- [简明 VIM 练级攻略](https://coolshell.cn/articles/5426.html)

### 低代码

- [前端生产方式：过去 10 年回顾和未来 10 年展望](https://juejin.im/post/5e81874be51d4546d23bf9b4)
- [第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema](https://juejin.im/post/5e8835d0518825738a5ac929)
- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（上篇）](https://juejin.im/post/5e8160db51882573b435f5cc)
- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（下篇）](https://juejin.im/post/5e82e1156fb9a03c3c350a51)
- [React无门槛实现拖拽布局、表单设计器](https://juejin.im/post/5dabb52bf265da5b616de75d)
- [格式校验利器：JSON Schema 简介](https://juejin.im/post/5b5533e3e51d45195c0747b8)
- [JSON Schema与表单验证](https://juejin.im/post/58bcdd4461ff4b006cf66c2c)
- [json-schema 可视化编辑器发布了](https://juejin.im/post/5aab954a518825557005c6cd)

### 可视化

- [颜值即正义！这几个库颠覆你对数据交互的想象](https://juejin.im/post/5de53fa15188256ed6123a1d)

### 稳定性

- [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1)
- [前端代码质量-圈复杂度原理和实践](https://juejin.im/post/5da34216e51d4578502c24c5)
- [要进大厂？前端灰度发布必须要知道](https://juejin.im/post/5da88d795188252f051e2b47)
- [从前端程序员的视角看小程序的稳定性保障](https://juejin.im/post/5c77ab516fb9a049ba424413)

### 总结

- [2019年前端大事件回顾：流年笑掷，未来可期](https://juejin.im/post/5def782ce51d4558181d27ce)
- [一套比较完整的前端技术选型，需要规整哪些东西，你知道不？](https://juejin.im/post/5b28d4fbe51d45587b47fd43)
- [前端技术全景展望](https://juejin.im/post/5b8df06fe51d4538b9427998)
- [前端技术体系大局观](https://zhuanlan.zhihu.com/p/23185351)
- [掘金排行前5000大佬 | 掘金文章排行 看这里](https://juejin.im/post/5d57f9a6f265da03b1204953)
- [这些年掘金上的优质前端文章，篇篇经典，一次打包带走！](https://juejin.im/post/5d42f4f46fb9a06adb7fc2a1)
- [精读《前端未来展望》](https://juejin.im/post/5d2d207b5188257aa971ee33)
- [阿里前端委员会主席圆心：未来前端的机会在哪里？](https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247490769&idx=1&sn=7ee6e01045a6fe7e15f16aa33afcc2ad&chksm=e92921dede5ea8c8e93489271e8877d2e8688bd511b32e22c287b6c468904c5466b40f6a2bec&xtrack=1&scene=90&subscene=93&sessionid=1562203458&clicktime=15622)
- [哪些技术会决定前端开发者的未来发展？](https://juejin.im/post/5d1589c8e51d45776031b02e)

## 全栈

- [「真®全栈之路」Web前端开发的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)
- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)

## 面试

### 面经

- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)
- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)
- [【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我](https://juejin.im/post/5d23e750f265da1b855c7bbe)
- [2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文](https://juejin.im/post/5b94d8965188255c5a0cdc02)
- [2019 面试系列 - 简历](https://juejin.im/post/5d05ca79f265da1bc75237ea)
- [JavaScript-面试](https://segmentfault.com/a/1190000015863923?utm_source=tag-newest#articleHeader0)
- [Javascript 面试核心考点(基础版)](https://github.com/ljianshu/Blog/issues/63)
- [jsliang 的 2019 面试准备](https://juejin.im/post/5c8e4cd3f265da67c87454a0)
- [从面试题看 JS 事件循环与 macro micro 任务队列](https://juejin.im/post/5c8a024d51882546be0a3082)
- [总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)](https://juejin.im/post/5b44a485e51d4519945fb6b7)
- [面试 -- 网络 HTTP](https://juejin.im/post/5872309261ff4b005c4580d4)
- [中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)](https://juejin.im/post/5c64d15d6fb9a049d37f9c20)
- [(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂](https://juejin.im/post/5cc26dfef265da037b611738)
- [面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~](https://juejin.im/post/5e731c4c51882549112b5c2d)
- [中高级前端开发高频面试题](https://juejin.im/post/5ceaaaf0e51d45508c2fb7c0)
- [前端工程师面试必备（持续更新中）](%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E9%9D%A2%E8%AF%95%E5%BF%85%E5%A4%87%EF%BC%88%E6%8C%81%E7%BB%AD%E6%9B%B4%E6%96%B0%E4%B8%AD%EF%BC%89)
- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)
- [你要的 React 面试知识点，都在这了](https://juejin.im/post/5cf0733de51d4510803ce34e)
- [大揭秘！“恐怖”的阿里一面，我究竟想问什么](https://juejin.im/post/5d4cd42a6fb9a06aea618155)
- [你要的Vue面试题都在这里。](https://juejin.im/post/5d13436f6fb9a07eca698ba0)
- [面试官：自己搭建过vue开发环境吗？](https://juejin.im/post/5cc55c336fb9a032086dd701)

### 站点

- [前端进阶之道](https://yuchengkai.cn/) - 不容错过的前端进阶资料
- [前端面试与进阶指南](https://www.cxymsg.com/) - 可能是全网最给力的前端面试项目
- [前端工程师手册](https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html)

### 书籍

- 《前端面试江湖》



================================================
FILE: docs/.vuepress/config.js
================================================
var nav = require('./links/nav.js');
// var sidebar = require('./links/sidebar.js');

module.exports = {
  base: '/awesome/',
  title: 'Awesome-FE',
  description: '前端资源汇集',
  themeConfig: {
    nav,
  },
};


================================================
FILE: docs/.vuepress/links/nav.js
================================================
module.exports = [
  {
    text: 'Awesomes',
    link: '/awesomes',
  },
  {
    text: '博客',
    link: '/blogs',
  },
  {
    text: '笔记',
    link: '/notes',
  },
  {
    text: '书籍',
    link: '/books',
  },
  {
    text: '书签',
    link: '/bookmarks',
  },
  {
    text: '面试',
    link: '/interviews',
  },
  {
    text: '最近阅读',
    link: 'recently',
  },
  {
    text: 'GitHub',
    link: 'https://github.com/ziyi2/awesome',
  },
];


================================================
FILE: docs/README.md
================================================
---
home: true
heroImage: /wangwang.gif
actionText: 开始检索
actionLink: /awesomes
footer:
---


================================================
FILE: docs/awesomes.md
================================================
---
sidebar: auto
---

# Awesomes

**一个好的 Awesome 可以使人快速入门。**

## 全部

- [awesome](https://github.com/sindresorhus/awesome) - Awesome lists about all kinds of interesting topics
- [awesome-awesome](https://github.com/emijrp/awesome-awesome) - A curated list of awesome curated lists of many topics.
- [awesome-awesome-awesome](https://github.com/jonatasbaldin/awesome-awesome-awesome) - Awesome list of repositories of awesome lists

## 图标

- [Font Awesome](https://github.com/FortAwesome/Font-Awesome) - The iconic SVG, font, and CSS toolkit

## 语言

- [awesome-javascript](https://github.com/sorrycc/awesome-javascript) - A collection of awesome browser-side JavaScript libraries, resources and shiny things.
- [awesome-css](https://github.com/awesome-css-group/awesome-css) - A curated contents of amazing CSS :)
- [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources
- [Front-End-Develop-Guide](https://github.com/icepy/Front-End-Develop-Guide) - 这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成
- [knowledge](https://github.com/f2e-awesome/knowledge) - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。
- [awesome-javascript-cn](https://github.com/jobbole/awesome-javascript-cn) - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等

## 框架

- [awesome-vue](https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js
- [awesome-react](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem
- [awesome-wechat-weapp](https://github.com/justjavac/awesome-wechat-weapp) - 微信小程序开发资源汇总
- [awesome-graphql](https://github.com/chentsulin/awesome-graphql) - Awesome list of GraphQL & Relay
- [Awesome Redux](https://github.com/xgrommx/awesome-redux) - Awesome list of Redux examples and middlewares
- [awesome-github-vue](https://github.com/opendigg/awesome-github-vue) - Vue 相关开源项目库汇总
- [awesome-github-wechat-weapp](https://github.com/opendigg/awesome-github-wechat-weapp) - 微信小程序开源项目库汇总
- [awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt) - A curated list of awesome things related to Nuxt.js
- [awesome-nextjs](https://github.com/unicodeveloper/awesome-nextjs) - A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)

## UI

- [awesome-ui-component-library](https://github.com/anubhavsrivastava/awesome-ui-component-library) - Curated list of framework component libraries for UI styles/toolkit
- [awesome-react-components](https://github.com/brillout/awesome-react-components) - Curated List of React Components & Libraries.

## 架构

- [awesome-architecture](https://github.com/toutiaoio/awesome-architecture) - 架构师技术图谱，助你早日成为架构师

## 书籍 / 书签

- [awesome-books](https://github.com/guanpengchn/awesome-books) - 开发者推荐阅读的书籍
- [awesome-programming-books](https://github.com/royeo/awesome-programming-books) - 经典技术书籍推荐，持续更新...
- [awesome-bookmarks](https://github.com/PanJiaChen/awesome-bookmarks)

## 软件 / 工具

- [awesome-mac](https://github.com/jaywcjlove/awesome-mac) - Collect premium software in various categories
- [awesome-vscode](https://github.com/viatsko/awesome-vscode) - A curated list of delightful VS Code packages and resources.
- [Awesome-Design-Tools](https://github.com/LisaDziuba/Awesome-Design-Tools) - The best design tools and plugins for everything
- [awesome-webpack](https://github.com/webpack-contrib/awesome-webpack) - A curated list of awesome Webpack resources, libraries and tools
- [awesome-gulp](https://github.com/alferov/awesome-gulp) - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation
- [awesome-github](https://github.com/AntBranch/awesome-github) - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue
- [awesome-npm](https://github.com/sindresorhus/awesome-npm) - Awesome npm resources and tips

## 文档

- [awesome-resume](https://github.com/resumejob/awesome-resume) - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版

- [awesome-interview-questions](https://github.com/MaximAbramchuck/awesome-interview-questions) - A curated awesome list of lists of interview questions. Feel free to contribute!
- [awesome-webpack-cn](https://github.com/webpack-china/awesome-webpack-cn) - webpack 优秀中文文章


================================================
FILE: docs/blogs.md
================================================
---
sidebar: auto
---

# 博客

**有些文章写了，但可能还没理解透彻。**

## CSS

- [清除和去除浮动](http://www.ziyi2.cn/2017/08/02/%E6%B8%85%E9%99%A4%E5%92%8C%E5%8E%BB%E9%99%A4%E6%B5%AE%E5%8A%A8/)

## Vue

- [Vue CLI 3 构建库时对于产生 Polyfill 的问题分析](https://github.com/ziyi2/ziyi2.github.io/issues/1)
- [Vue CLI 3 缓存旧版本的 VUE 组件(npm 包)问题](https://github.com/ziyi2/ziyi2.github.io/issues/2)
- [Vue CLI 3 结合 Lerna 进行 UI 设计](https://github.com/ziyi2/awesomes-front-end/edit/master/README.md)
- [Vue 源码分析 - nextTick](https://github.com/ziyi2/ziyi2.github.io/issues/5)
- [基于 Vue 的简易 MVVM 实现](https://github.com/ziyi2/ziyi2.github.io/issues/8)

## 设计模式

- [MV\* 架构设计模式的演变历史](https://github.com/ziyi2/mvvm/blob/master/doc/history.md) - 了解 MVC、MVP 以及 MVVM 的演变历史
- [观察者模式和发布/订阅模式](https://github.com/ziyi2/mvvm/blob/master/doc/mode.md)
- [mvvm](https://github.com/ziyi2/mvvm) - 模拟 Vue 的简易实现

## Git

- [Cz 工具集使用介绍 - 规范 Git 提交说明](https://github.com/ziyi2/ziyi2.github.io/issues/6)

## Npm

- [Npm 发布和使用命令行(CLI)工具](https://github.com/ziyi2/ziyi2.github.io/issues/7)

## 面试

- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)
- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)

## 总结

- [2019 前端之路 | 掘金年度征文](https://juejin.im/post/5e11ef3b6fb9a0483a135fa7)

## 随笔

- [莫泊桑短篇小说简评](http://www.ziyi2.cn/2017/06/09/%E8%8E%AB%E6%B3%8A%E6%A1%91%E7%9F%AD%E7%AF%87%E5%B0%8F%E8%AF%B4%E7%AE%80%E8%AF%84/)
- [那一年，我毕业了](http://www.ziyi2.cn/2017/07/16/%E9%82%A3%E4%B8%80%E5%B9%B4%EF%BC%8C%E6%88%91%E6%AF%95%E4%B8%9A%E4%BA%86/)
- [他](http://www.ziyi2.cn/2017/09/24/%E4%BB%96/)
- [挪威的森林里](http://www.ziyi2.cn/2018/01/25/%E6%8C%AA%E5%A8%81%E7%9A%84%E6%A3%AE%E6%9E%97%E9%87%8C/)


================================================
FILE: docs/bookmarks.md
================================================
---
sidebar: auto
---

# 书签

**有些书签收藏了，但可能永远不会再打开。**

## HTTP

### 文档

- [计算机通识-网络](https://yuchengkai.cn/docs/cs/#udp)

### 博文

- [Service Worker 从入门到出门](https://juejin.im/post/5d26aec1f265da1ba56b47ea)
- [图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理](https://juejin.im/post/5b555f055188251af25700aa)

### 应用

- [superagent](https://github.com/visionmedia/superagent) - Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features

### 博文

- [跨域资源共享 CORS 详解](http://www.ruanyifeng.com/blog/2016/04/cors.html)  - 阮一峰
- [浏览器缓存知识小结及应用](http://www.cnblogs.com/lyzg/p/5125934.html?from=cnblogs)
- [GET方法与POST方法的区别](https://www.cnblogs.com/sunny-sl/p/6529830.html)
- [[译] SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd)
- [彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0](https://blog.csdn.net/liyi1009365545/article/details/84780476)
- [前端跨域整理](https://juejin.im/post/5815f4abbf22ec006893b431)


## CSS

### 文档

- [CSS Snapshot 2018](https://www.w3.org/TR/css-2018/#indices) - w3c
- [CSS](https://developer.mozilla.org/zh-CN/docs/Learn/CSS) - MDN web docs
- [DevDocs API Documentation CSS](https://docs.segmentfault.com/css/) 
- [BEM](https://en.bem.info/) - class命名规范
- [Less 中文网](http://lesscss.cn/)
- [Sass](https://sass-lang.com/)
- [PostCSS](https://postcss.org/)


### 应用

- [Bootstrap](https://v4.bootcss.com/) - Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目
- [Bootstrap Table](https://bootstrap-table.com/)
- [Bulma](https://bulma.io/) - Bulma is a free, open source CSS framework based on Flexbox
- [FLEXBOX FROGGY](http://flexboxfroggy.com/#zh-cn) - 学 Flex 的小游戏

### 后台模板

- [WrapPixel](https://www.wrappixel.com/) - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits
- [Remark](https://getbootstrapadmin.com/remark/base/index.html) - Responsive Bootstrap 4 Admin Template
- [ampleadmin](https://wrappixel.com/ampleadmin/ampleadmin-html/ampleadmin/index.html) - Bootstrap Admin Template

### 博文

- [CSSOM视图模式(CSSOM View Module)相关整理](https://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/) - 张鑫旭
- [CSS相对定位|绝对定位(五)之z-index篇](https://www.zhangxinxu.com/wordpress/2011/08/css%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E4%BA%94%E4%B9%8Bz-index%E7%AF%87/) - 张鑫旭
- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭
- [我对CSS vertical-align的一些理解与认识](https://www.zhangxinxu.com/wordpress/2010/05/%E6%88%91%E5%AF%B9css-vertical-align%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E4%B8%8E%E8%AE%A4%E8%AF%86%EF%BC%88%E4%B8%80%EF%BC%89/) - 张鑫旭
- [CSS实现单行、多行文本溢出显示省略号](http://www.daqianduan.com/6179.html)
- [Flex 布局教程](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) - 阮一峰
- [我所知道的几种display:table-cell的应用](https://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytable-cell%E7%9A%84%E5%BA%94%E7%94%A8/) - 张鑫旭
- [[译] 这些 CSS 命名规范将省下你大把调试时间](https://juejin.im/post/5a6c5881518825733201daf7)
- [等高分栏布局小结](https://www.cnblogs.com/lyzg/p/5164593.html)
- [css写作建议和性能优化小结](https://segmentfault.com/a/1190000011390896)
- [CSS定位属性详解](https://juejin.im/post/5a1bb35ff265da43231ab164)
- [[译] Web 流式文字排版的现状](https://juejin.im/post/5d267d9de51d45773d4686ab)


## JavaScript

### 文档

- [ECMAScript 6 入门](http://es6.ruanyifeng.com/) - 开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性

### 工具

- [ESLint](https://cn.eslint.org/) - 可组装的JavaScript和JSX检查工具
- [Prettier](https://prettier.io/) - An opinionated code formatter
- [CKEditor 4](https://ckeditor.com/ckeditor-4/) - Smart WYSIWYG HTML editor

### 应用

- [lodash](https://lodash.com/) - A modern JavaScript utility library delivering modularity, performance & extras
- [jQuery](https://jquery.com/)
- [zTree](https://github.com/zTree/zTree_v3) - jQuery Tree Plugin

### 博文

#### 设计模式
- [Scaling Isomorphic Javascript Code](https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/) 
- [Understanding JavaServer Pages Model 2 architecture](https://www.javaworld.com/article/2076557/understanding-javaserver-pages-model-2-architecture.html)
- [GUI Architectures](https://martinfowler.com/eaaDev/uiArchs.html) 
- [界面之下：还原真实的MV*模式](https://github.com/livoras/blog/issues/11) 
- [ES7 Decorator 装饰者模式](http://taobaofed.org/blog/2015/11/16/es7-decorator/)
- [javascript设计模式系列](https://www.cnblogs.com/webFrontDev/p/3553402.html)
- [框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结](https://www.jianshu.com/p/b42a26623aeb?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation)
- [[译] 什么将会替代 JavaScript 呢？](https://juejin.im/post/5daa897c6fb9a04e3902f4e6)

#### 机制
- [从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](https://mp.weixin.qq.com/s/vIKDUrbuxVNQMi_g_fiwUA)  - 全面了解JS单线程
- [Forcing Garbage Collection in node.js and JavaScript](https://www.xarg.org/2016/06/forcing-garbage-collection-in-node-js-and-javascript/) - 强制垃圾回收

#### 语法
- [如何实现一个深拷贝](https://juejin.im/post/5c45112e6fb9a04a027aa8fe)
- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭
- [Object()的方法一览](https://juejin.im/post/5937699efe88c20061eb412d)
- [Promise之你看得懂的Promise](https://juejin.im/post/5b32f552f265da59991155f0)
- [深入理解 JavaScript 的类型转换](https://juejin.im/post/5d1587f4e51d4510664d1715)
- [【JS 进阶】你真的掌握变量和类型了吗](https://juejin.im/post/5cec1bcff265da1b8f1aa08f)
- [记一次面试题，正则表达式(?=a)是什么意思？](https://juejin.im/post/5ceb7d9df265da1b8811ba7f)
- [【JS迷你书】类型转换之拆箱操作](https://juejin.im/post/5ccfb58f518825405a198fcd)
- [《三分钟阅读》7个有用的JavaScript技巧](https://juejin.im/post/5cc6f07ce51d456e3a5f089b)
- [我是如何将业务代码写优雅的](https://juejin.im/post/5cc7d540e51d456e537ef39e)
- [JS中的null和undefined,undefined为啥用void 0代替?
](https://juejin.im/post/5cc58a72e51d456e845b4289)
- [async/await 优雅的错误处理方法](https://juejin.im/post/5c49eb28f265da613a545a4b)
- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)

#### 工具

- [使用ESLint ＆ Prettier美化Vue代码](https://nice.lovejade.cn/zh/article/beautify-vue-by-eslint-and-prettier.html#%E5%88%9D%E5%A7%8B%E5%8C%96-vue-%E9%A1%B9%E7%9B%AE%E6%8E%A8%E4%BB%8B)
- [eslint prettier的配置选项（参数）官网直译](https://segmentfault.com/a/1190000012909159)
- [A Comparison of JavaScript Linting Tools](https://www.sitepoint.com/comparison-javascript-linting-tools/) - JSLint，JSHint，JSCS和ESLint对比
- [一个日期处理类库moment.js](https://juejin.im/post/5abe07e0f265da237507029e)
- [Prettier 介绍与基本用法](https://juejin.im/post/5ae91143f265da0ba60f97ea)

#### 性能优化

- [让老板虎躯一震的前端技术](https://juejin.im/post/5c3ff18b6fb9a04a0a5f76aa) - 掘金
- [前端优化不完全指南](https://aotu.io/notes/2016/03/16/optimization/)


#### 风格指南

- [Google JavaScript 代码风格指南](https://juejin.im/post/5bd01d4a518825781e647e90)
- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)


## TypeScirpt

### 文档

- [TypeScirpt](https://www.tslang.cn/) - JavaScript的超集
- [TypeScript 入门教程](https://ts.xcatliu.com/)

### 博文

- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) 
- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)
- [TS 常见问题整理（60多个，持续更新ing）](https://juejin.im/post/5e33fcd06fb9a02fc767c427)
- [使用 TypeScript 装饰器装饰你的代码](https://juejin.im/post/5d15e13fe51d45108f254242)


## Vue

### 文档

- [Vue.js](https://cn.vuejs.org/) - 渐进式JavaScript 框架
- [Vuex](https://vuex.vuejs.org/zh/) - 专为Vue.js应用程序开发的状态管理模式
- [Vue Router](https://router.vuejs.org/zh-cn/) -  Vue.js官方的路由管理器
- [Vue CLI3](https://cli.vuejs.org/zh/) - Vue.js开发的标准工具
- [Vue CLI2](https://github.com/vuejs/vue-cli/tree/v2#vue-cli--) - A simple CLI for scaffolding Vue.js projects
- [Vue Loader](https://vue-loader.vuejs.org/zh/guide/#vue-cli) - Vue组件的webpack loader
- [Vue插件开发指南](https://cli.vuejs.org/zh/dev-guide/plugin-dev.html) - Vue CLI3的插件开发指南手册
- [Vue SSR 指南](https://ssr.vuejs.org/zh/) - Vue.js服务器端渲染指南
- [eslint-plugin-vue](https://vuejs.github.io/eslint-plugin-vue/) - Official ESLint plugin for Vue.js

### 应用
- [Nuxt](https://zh.nuxtjs.org/guide/installation/) - Vue.js通用应用框架(服务端渲染)
- [Vue Apollo](https://akryum.github.io/vue-apollo/) - 在你的 Vue.js 应用中集成 GraphQL
- [Vue I18n](http://kazupon.github.io/vue-i18n/) - Vue.js国际化插件
- [Vue Test Utils](https://vue-test-utils.vuejs.org/) - Vue.js 官方的单元测试实用工具库
- [VuePress 1.x](https://v1.vuepress.vuejs.org/zh/) - Vue 驱动的静态网站生成器


### 源码分析

- [MVVM](https://github.com/ziyi2/mvvm) - 基于Vue的简易MVVM实现
- [DMQ/MVVM](https://github.com/DMQ/mvvm/issues) - 剖析Vue实现原理，如何实现双向绑定mvvm
- [剖析 Vue.js 内部运行机制](https://github.com/answershuto/learnVue)  - 掘金小册
- [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) - 全方位细致深度解析Vue.js的实现原理
- [深度剖析：如何实现一个 Virtual DOM 算法](https://github.com/livoras/blog/issues/13)
- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别
- [为什么Proxy可以优化vue的数据监听机制](https://juejin.im/post/5bfe3360518825653a231f33)
- [【Vue原理】Watch - 源码版](https://juejin.im/post/5d2065f2518825747817131a)
- [Vue.js的computed和watch是如何工作的？](https://juejin.im/post/5b87f13bf265da436479f3c1)
- [深入理解Vue的watch实现原理及其实现方式](https://juejin.im/post/5af908ea5188254265399009)
- [Vue nextTick 机制](https://juejin.im/post/5ae3f0956fb9a07ac90cf43e)

### UI组件库

- [element-ui](https://github.com/ElemeFE/element) - 基于Vue2.0的饿了么桌面端组件库
- [muse-ui](https://github.com/museui/muse-ui) - 基于Vue 2.0优雅的Material Design UI组件库
- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design 的 Vue 实现
- [buefy](https://buefy.github.io/#/) - Lightweight UI components for Vue.js based on Bulma
- [Vue Material](https://vuematerial.io/) - Build beautiful apps with Material Design and Vue.js

### 中台前端

- [vue-antd-admin](https://github.com/iczer/vue-antd-admin) - 一个开箱即用的中后台前端/设计解决方案
- [ant-design-pro-vue](https://github.com/sendya/ant-design-pro-vue) - 开箱即用的中台前端/设计解决方案

### 脚手架

- [vue-typescript-starter](https://github.com/ws456999/vue-typescript-starter) - vue-typescript-starter 脚手架


### 插件

- [cli-plugin](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue) - Vue官方插件
- [vue-cli-plugin-i18n](https://github.com/kazupon/vue-cli-plugin-i18n) - Vue I18n插件

### 工具
- [nuxt-property-decorator](https://github.com/nuxt-community/nuxt-property-decorator) - nuxt属性修饰器

### 社区

- [Vue中文子论坛](https://forum.vuejs.org/c/chinese)
- [Vue.js专业中文社区](https://www.vue-js.com/)

### 会议

- [VueConf](https://vue.w3ctech.com/) - Vue.js开发者大会


### 博文

- [[译] 尤雨溪：Vue 3.0 计划](https://www.vue-js.com/topic/5bbc65bad87c33e71a870ba3) - 介绍Vue 3.0带来的新特性
- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别
- [使用ESLint ＆ Prettier美化Vue代码](https://nice.lovejade.cn/zh/article/beautify-vue-by-eslint-and-prettier.html#%E5%88%9D%E5%A7%8B%E5%8C%96-vue-%E9%A1%B9%E7%9B%AE%E6%8E%A8%E4%BB%8B)
- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) 
- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)
- [美团点评点餐 Nuxt.js 实战](https://juejin.im/post/598aabe96fb9a03c335a8dde#heading-10)
- [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110)
- [Vue2.0 探索之路——生命周期和钩子函数的一些理解](https://segmentfault.com/a/1190000008010666)
- [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)
- [离职后才搞懂vue项目开发流程中的疑惑点](https://juejin.im/post/5c488a3cf265da615705cc2a)
- [Vuex 带来全新的编程体验](https://juejin.im/post/5c3c911ce51d455231347a7a)
- [vue-cli3 从搭建到优化](https://juejin.im/post/5c3c544c6fb9a049d37f5903)
- [what-i-learned-from-analysis-vuepress](https://juejin.im/post/5dc42ebb6fb9a04a9378381c)
- [少年，撸猫吗](https://juejin.im/post/5d5137066fb9a06b2a203214)
- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)

## React

### 文档
- [React](https://zh-hans.reactjs.org/)
- [Create React App 中文文档](https://www.html.cn/create-react-app/)
- [React Router](https://react-router.docschina.org/)
- [Redux](https://redux.js.org/)
- [Redux Toolkit](https://redux-toolkit.js.org/introduction/quick-start)
- [RxJS 中文文档](https://cn.rx.js.org/)
- [redux-observable](https://redux-observable-cn.js.org/)
- [React Lifecycle](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)

### UI组件库

- [Ant Design](https://ant.design/index-cn) - 基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品
- [Salt UI](https://salt-ui.github.io/) - 高效、简洁的移动端UI组件库


### 博文

- [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27)
- [React 的性能优化（一）当 PureComponent 遇上 ImmutableJS](https://segmentfault.com/a/1190000011408775#articleHeader3)
- [[译] React-Redux 官方 Hooks 文档说明](http://react-china.org/t/topic/34076)
- [渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs](https://juejin.im/post/5bc887ba6fb9a05d265991d5)
- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)
- [Redux 入门教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)
- [Redux 入门教程（二）：中间件与异步操作](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)
- [Redux 入门教程（三）：React-Redux 的用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)
- [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data)
- [2020 年你应该知道的 React 库](https://juejin.im/post/5e4e1b07e51d4527143e44be)
- [React Hooks 究竟有多慢？](https://juejin.im/post/5e3ac653e51d45270b7d4e3d)
- [终于搞懂 React Hooks了！！！！！](https://juejin.im/post/5e53d9116fb9a07c9070da44)
- [关于Vue和React的一些对比及个人思考（中）](https://juejin.im/post/5e292746e51d451c8771d16e)
- [[译] React-Redux 官方 Hooks 文档说明](https://juejin.im/post/5d6600a4f265da03e1688883)
- [React 开发必须知道的 34 个技巧【近1W字】](https://juejin.im/post/5dcb5a80e51d4520db19b906)
- [使用70行代码配合hooks重新实现react-redux](https://juejin.im/post/5be6150551882511a8526955)
- [使用 React Hooks + Context 打造简版 Redux](https://juejin.im/post/5d5501cd6fb9a06aee362a9d)
- [2019年了，整理了N个实用案例帮你快速迁移到React Hooks](https://juejin.im/post/5d594ea5518825041301bbcb)
- [React Hooks 详解 【近 1W 字】+ 项目实战](https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d)
- [React16：Hooks总览，拥抱函数式 (这大概是最全的React Hooks吧)](https://juejin.im/post/5cb5705ee51d456e6e38921d)
- [React hooks实践](https://juejin.im/post/5c4d7122e51d4556940c15cb)
- [30分钟精通React Hooks](https://juejin.im/post/5be3ea136fb9a049f9121014)
- [Redux-thunk快速入门](https://juejin.im/post/5b035c0c51882565bd258f12)
- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)
- [RxJS入门](https://juejin.im/post/597fe587518825563e037bd3)
- [[译] 看动画，学 RxJS](https://juejin.im/post/58cd146a61ff4b0060277d32)
- [使用 redux-observable 实现组件自治](https://juejin.im/post/5b798501f265da43473130a1)
- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下）](https://juejin.im/post/5b3dd2d25188251b193d2d7e)
- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上）](https://juejin.im/post/5b39e63ae51d4562aa017c81)
- [[译] 关于 React Router 4 的一切](https://juejin.im/post/5995a2506fb9a0249975a1a4)
- [React路由鉴权](https://juejin.im/post/5d6352116fb9a06ae8361932)
- [react-router4基于react-router-config的路由拆分与按需加载](https://juejin.im/post/5a3880b56fb9a0451a767f07)
- [快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践](https://juejin.im/post/5a6e364c518825733c144d67)
- [从0到1快速构建基于create-react-app的脚手架](https://juejin.im/post/5b0374f751882542ba0814f9)
- [【长文慎入】一文吃透 React SSR 服务端渲染和同构原理](https://juejin.im/post/5d7deef6e51d453bb13b66cd)
- [技术胖的2019新版React全家桶免费视频（84集）](https://juejin.im/post/5d817a15f265da039929a761)
- [React组件设计实践总结02 - 组件的组织](https://juejin.im/post/5cd8fb916fb9a03218556fc1)
- [React组件设计实践总结01 - 类型检查](https://juejin.im/post/5cd7f2c4e51d453a7d63b715)
- [[译] 2019 React Redux 完全指南](https://juejin.im/post/5cac8ccd6fb9a068530111c7)
- [掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
](https://juejin.im/post/5d085be0f265da1bac401937)

### 源码解析

- [React 源码解析](https://react.jokcy.me/)
- [React源码系列(一): 总结看源码心得及方法感受 #1](https://github.com/jsonz1993/react-source-learn/issues/1)
- [React 源码全方位剖析](http://www.sosout.com/2018/08/12/react-source-analysis.html)


## Webpack

### 文档

- [Webpack](https://www.webpackjs.com/) - 静态模块打包器
- [深入浅出Webpack](http://webpack.wuhaolin.cn/) 

### 工具

- [webpack-chain](https://github.com/neutrinojs/webpack-chain) - 生成和修改Webpack配置信息的链式API集

### 博文

- [入门 Webpack，看这篇就够了](https://segmentfault.com/a/1190000006178770) - Webpack科普类博文
- [Webpack 入门指迷](https://segmentfault.com/a/1190000002551952) - Webpack科普类博文
- [Webpack 大法之 Code Splitting](https://zhuanlan.zhihu.com/p/26710831) - 缩小打包体积
- [彻底解决Webpack打包性能问题](https://zhuanlan.zhihu.com/p/21748318)
- [让你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)
- [import、require、export、module.exports 混合使用详解](https://segmentfault.com/a/1190000012386576)
- [前端构建秘籍](https://juejin.im/post/5c9075305188252d5c743520)
- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)
- [html-webpack-plugin 使用总结](https://juejin.im/post/5ce96ad7e51d455a2f2201e1)
- [带你深度解锁Webpack系列(优化篇)](https://juejin.im/post/5e6cfdc85188254913107c1f)
- [玩转 webpack，使你的打包速度提升 90%](https://juejin.im/post/5e53dbbc518825494905c45f)
- [看完这篇，面试再也不怕被问 Webpack 热更新](https://juejin.im/post/5d8b755fe51d45781332e919)
- [成长 | 一年时间，0 到 30000](https://juejin.im/post/5d86084b6fb9a06b2650d227)
- [webpack4入门](https://juejin.im/post/5d6356faf265da03e1688423)

## Gulp

- [Gulp中文网](https://www.gulpjs.com.cn/) - 用自动化构建工具增强你的工作流程！

## Babel

### 文档

- [Babel](https://www.babeljs.cn/) - JavaScript编译器

### 插件集

- [@vue/babel-preset-app](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app) - Vue CLI3的Babel插件集
- [@babel/preset-env](https://github.com/babel/babel/tree/master/packages/babel-preset-env) - Babel插件集



### 博文

- [你真的会用Babel吗？](https://juejin.im/post/59b9ffa8f265da06710d8e89#comment) - 全面了解Babel
- [再见，babel-preset-2015](https://zhuanlan.zhihu.com/p/29506685)
- [Deploying ES2015+ Code in Production Today](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/)
- [【建议改成】读完这篇你还不懂Babel我给你寄口罩](https://juejin.im/post/5e477139f265da574c566dda)


## Node.js

### 文档

- [Node.js文档](http://nodejs.cn/api/)
- [mongoose](https://mongoosejs.com/) - elegant mongodb object modeling for node.js
- [mongoose](https://mongoosedoc.top/) - 中文版

### 应用

- [linkerd2](https://linkerd.io/) - Linkerd gives you observability, reliability, and security for your microservices
- [Express](https://expressjs.com/zh-cn/) - 高度包容、快速而极简的 Node.js Web 框架
- [Koa](https://koa.bootcss.com/) - 基于Node.js平台的下一代web开发框架
- [Egg](https://eggjs.org/zh-cn/index.html) - better enterprise frameworks and apps with Node.js & Koa
- [Socket.io](https://socket.io/#examples) - websocket
- [Node Redis](https://github.com/NodeRedis/node_redis)

### 工具

- [pm2](https://pm2.io/) - The Most Advanced Production Process Manager for Node.js

### 博文

#### 命令行工具
- [Node.js+commander开发命令行工具](https://www.jianshu.com/p/2cae952250d1) 
- [Node.js 命令行程序开发教程](http://www.ruanyifeng.com/blog/2015/05/command-line-with-node.html) - 阮一峰

#### 数据库
- [Mongoose the Typescript way…?](https://stackoverflow.com/questions/34482136/mongoose-the-typescript-way)
- [mongoose Population 连表／关联使用](https://www.jianshu.com/p/d700ad062083)
- [支撑日活百万用户的高并发系统，应该如何设计其数据库架构？【石杉的架构笔记】](https://juejin.im/post/5c6a9f25518825787e69e70a)

#### 框架

- [Node.js环境性能监控](https://juejin.im/post/5c71324b6fb9a049d37fbb7c) - Egg框架
- [说说 Node 和 ES6 模块化那些不为人知的事儿](%E8%AF%B4%E8%AF%B4%20Node%20%E5%92%8C%20ES6%20%E6%A8%A1%E5%9D%97%E5%8C%96%E9%82%A3%E4%BA%9B%E4%B8%8D%E4%B8%BA%E4%BA%BA%E7%9F%A5%E7%9A%84%E4%BA%8B%E5%84%BF)

#### 微服务
- [微服务架构入门](https://segmentfault.com/a/1190000015018291)
- [微服务简介](https://segmentfault.com/a/1190000015798054)

#### BFF
- [微服务下使用GraphQL构建BFF](https://github.com/fanly/reading/issues/244)
- [大前端架构思考与选择](https://www.jianshu.com/p/bb8ac7db7e2d)

#### Typescript

- [使用 TypeScript 开发 Node.js](https://juejin.im/entry/59c09867f265da06560457c3)

#### 爬虫

- [手把手教你做爬虫](https://blog.csdn.net/yezhenxu1992/article/details/50820629)
- [关于爬虫，就此封键盘](https://zhuanlan.zhihu.com/p/22097627)
- [PHP, Python, Node.js 哪个比较适合写爬虫？](https://www.zhihu.com/question/23643061)
- [基于Redis的三种分布式爬虫策略](%E5%9F%BA%E4%BA%8ERedis%E7%9A%84%E4%B8%89%E7%A7%8D%E5%88%86%E5%B8%83%E5%BC%8F%E7%88%AC%E8%99%AB%E7%AD%96%E7%95%A5)
- [简单高效的nodejs爬虫模型](https://cnodejs.org/topic/584a18289ff0dbf333450901)

## Npm

### 文档

- [npm中文文档](https://www.npmjs.com.cn/)

### 博文

- [[译] npm 的经济风云 —— 上半部分](https://juejin.im/post/5d146225e51d4556db694a4b)
- [前端工程化（5）：你所需要的npm知识储备都在这了](https://juejin.im/post/5d08d3d3f265da1b7e103a4d)

## Yarn

### 文档


- [yarn](https://yarn.bootcss.com/) - 快速、可靠、安全的依赖管理工具。
- [Workspaces in Yarn](https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/)
- [工作区](https://yarnpkg.com/zh-Hans/docs/workspaces)

## Lerna

### 文档
- [Lerna](https://lernajs.io/) - A tool for managing JavaScript projects with multiple packages


### 博文

- [Why you should use a single repository for all your company’s projects](https://www.drmaciver.com/2016/10/why-you-should-use-a-single-repository-for-all-your-companys-projects/) - 多项目单仓库思考
- [Open Sourcing CloudFlare’s UI Framework](https://blog.cloudflare.com/cf-ui/) - 使用Lerna开源的UI框架设计
- [monorepo 新浪潮 | introduce lerna](https://github.com/pigcan/blog/issues/3) - Lerna介绍
- [Why is Babel a monorepo?](https://github.com/babel/babel/blob/master/doc/design/monorepo.md)
- [lerna管理前端packages的最佳实践](https://juejin.im/post/5a989fb451882555731b88c2)

## Git

### 文档

- [Git](https://git-scm.com/doc) - Documentation
- [Git教程](https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) - 廖雪峰
- [commit_msg](https://git-scm.com/docs/githooks#_commit_msg) - git钩子文档
- [Git 分支 - 变基](https://git-scm.com/book/zh/v2/Git-%E5%88%86%E6%94%AF-%E5%8F%98%E5%9F%BA)
- [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) - 语义化版本控制规范

### 规范

- [Angular规范](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#heading=h.greljkmo14y0) 

### 工具

- [cz-cli](https://github.com/commitizen/cz-cli) - cz工具
- [cz-customizable](https://github.com/leonardoanalista/cz-customizable) - cz适配器
- [@commitlint/config-conventional](https://github.com/marionebl/commitlint/tree/master/@commitlint/config-conventional)  - cz适配器
- [commitlint](https://github.com/marionebl/commitlint) - cz校验工具
- [commitlint-config-cz](https://github.com/whizark/commitlint-config-cz) - cz校验工具的校验规则
- [validate-commit-msg](https://github.com/Frikki/validate-commit-message) - cz校验工具
- [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog) - cz日志生成器

### 网站

- [HELLO GITHUB](https://hellogithub.com/) - 分享 GitHub 上有趣、入门级的开源项目

### 博文

- [如何让你的 GitHub 项目表面上更专业](https://juejin.im/post/5d312fb6f265da1b60293c51)
- [git-flow 的工作流程](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow)
- [如何使用 Issue 管理软件项目？](http://www.ruanyifeng.com/blog/2017/08/issue.html)
- [Git 工作流程](http://www.ruanyifeng.com/blog/2015/12/git-workflow.html)
- [为无线前端团队打造高效git工作流](https://juejin.im/post/5b2b76e251882574934c388d)
- [GitHub 新出的 Actions 是什么? 用他做自动测试?](https://juejin.im/post/5d5378e9f265da03d72811a1)

## GraphQL

### 文档
- [GraphQL](https://graphql.github.io/) - A query language for your API
- [Prisma OSS Documentation](https://oss.prisma.io/) - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...) 
- [Apollo Client](https://www.apollographql.com/docs/react/) - Apollo Client is the best way to use GraphQL to build client applications

### 应用
- [graphql-yoga](https://github.com/prisma/graphql-yoga) - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience
- [graphql-middleware](https://github.com/prisma/graphql-middleware) - Split up your GraphQL resolvers in middleware functions

### 博文

- [30分钟理解GraphQL核心概念](https://segmentfault.com/a/1190000014131950) 
- [Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers](https://www.prisma.io/blog/graphql-middleware-zie3iphithxy/)
- [RPC vs REST vs GraphQL](https://segmentfault.com/a/1190000013961872)
- [GraphQL从入门到实战](https://juejin.im/post/5cd68a9b51882568047fa6eb)


## Nginx

### 文档

- [nginx](https://nginx.org/en/)
- [Nginx开发从入门到精通](http://tengine.taobao.org/book/#nginx)

### 博文

- [前端必会的 Nginx入门视频教程(共11集)](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)
- [前端开发者必备的Nginx知识](https://juejin.im/post/5c85a64d6fb9a04a0e2e038c)

## 微前端

- [微前端的那些事儿](https://microfrontends.cn/)
- [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html)
- [微前端入门](https://juejin.im/post/5d8adb8ff265da5ba12cd173)
- [Web Components](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components)
- [Web Components 入门实例教程](http://www.ruanyifeng.com/blog/2019/08/web_components.html)
- [了解什么是微前端](https://juejin.im/post/5d1f19e3f265da1bab29ce5f)
- [[译] 微前端](https://juejin.im/post/5d0e367b6fb9a07ebf4b781a)

## Serverless

- [Serverless 掀起新的前端技术变革](https://zhuanlan.zhihu.com/p/65914436)
- [云计算的三种服务模式：IaaS，PaaS和SaaS](https://www.jianshu.com/p/b96d4ad71b57)

## 中台

- [漫画：什么是中台？](https://juejin.im/post/5d995f82f265da5ba308389d#comment)
- [中台是什么，到底要解决什么问题？](https://juejin.im/post/5d8093c251882579f24fb9ed)

## 监控

- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)
- [把前端监控做到极致](https://juejin.im/post/5a52f138f265da3e5b32a41b)
- [全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能](https://juejin.im/post/5d5ba2c6f265da03a653195e)
- [“前端+应用”两大监控利器商业化首发 ARMS领跑APM市场](https://juejin.im/post/5aa892ce518825558154aa8d)
- [通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕](https://juejin.im/post/5afc3d0351882542664301d0)
- [UEM“探针”技术及用户体验管理](https://juejin.im/post/5d283c16f265da1b7004d647)

## 客户端

- [简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink](https://juejin.im/post/5c0492a36fb9a049e82b435a)
- [从用 AngularJS 开发 PC 客户端说起](https://segmentfault.com/a/1190000004178969)
- [互联网:桌面客户端框架技术选型 ](https://www.sohu.com/a/251582457_100259554)
- [漫谈windows桌面客户端的UI框架](https://www.dazhuanlan.com/2019/09/29/5d8f936a633a2/)
- [小白必看，JSBridge 初探](https://juejin.im/post/5e5248216fb9a07cb0314fc9)
- [分享这半年的 Electron 应用开发和优化经验](https://juejin.im/post/5e0010866fb9a015fd69c645)
- [Electron 从零到一](https://juejin.im/post/5dad8141f265da5b873c778b)
- [浅谈Native、Web App、Hybrid、RN 和 Weex优劣](https://juejin.im/post/59c0b5265188256bd871e9bd)
- [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)
- [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)
- [前端构造桌面级应用（QQ音乐）](https://juejin.im/post/5bfcb417e51d452e5e70ea8a)
- [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1)
- [Hybrid 开发：JsBridge - Web 和客户端的桥](https://juejin.im/post/58cdeba62f301e007e4af7e6)
- [JSBridge实战](https://juejin.im/post/5bda6f276fb9a0226d18931f)
- [高并发IM系统架构优化实践](https://juejin.im/post/5b1e2cc15188257d4529804b)
- [给客户端同学的一份前端学习指南](https://juejin.im/post/5be2c66df265da61715dd19b)
- [2000万日订单背后：美团外卖客户端高可用建设体系](https://juejin.im/post/5b10afc06fb9a01e39624d3d)

## docker

- [如何使用 docker 部署前端应用](https://juejin.im/post/5c83cbaa6fb9a04a0f65fdaa)

## 地图

- [OpenLayers](https://openlayers.org/)
- [OpenLayers 3 Primer](http://weilin.me/ol3-primer/index.html) - OpenLayers 3使用的入门教程


## 测试

### 文档

- [Vue Test Utils](https://vue-test-utils.vuejs.org/zh/) - Vue.js 官方的单元测试实用工具库
- [Jest](https://jestjs.io/) - Jest is a delightful JavaScript Testing Framework with a focus on simplicity
- [Nightwatch.js](http://nightwatchjs.org/) - Browser automated testing, the easy way
- [Mocha](https://mochajs.org/) - Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun.
- [Chai](https://www.chaijs.com/) - 断言库
- [Karma](http://karma-runner.github.io/latest/index.html) - A simple tool that allows you to execute JavaScript code in multiple real browsers

### 博文

- [测试框架 Mocha 实例教程](http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html) - 阮一峰
- [测试覆盖（率）到底有什么用？](https://www.infoq.cn/article/test-coverage-rate-role)


## 部署

### 博文
 
- [大公司里怎样开发和部署前端代码？](https://www.zhihu.com/question/20790576/answer/32602154) - 张云龙解答
- [前端开发如何让持续集成/持续部署(CI/CD)跑起来](https://zhuanlan.zhihu.com/p/26701038)
- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)

## Fonts

### 应用

- [Font Awesome](http://www.fontawesome.com.cn/)
- [Font Awesome](http://www.bootcss.com/p/font-awesome/) - 完美的图标字体只为Bootstrap设计
- [Free Icons](https://icons8.com/icons) - Get free icons designed to combine perfectly and fit into the style of your design
- [[译] 深入浅出 SVG](https://juejin.im/post/5ad84f296fb9a045e8011be1)


## 浏览器

### Chrome插件

- [Google翻译](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=zh-CN)
- [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) - Vue调试工具
- [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=zh-CN) - Github源码文件浏览工具
- [谷歌访问助手](https://chrome.google.com/webstore/detail/%E8%B0%B7%E6%AD%8C%E8%AE%BF%E9%97%AE%E5%8A%A9%E6%89%8B/gocklaboggjfkolaknpbhddbaopcepfp?hl=zh-CN) - 访问Google浏览器
- [马克飞象](https://chrome.google.com/webstore/detail/marxico/kidnkfckhbdkfgbicccmdggmpgogehop)


### 兼容性

- [Can I use](https://caniuse.com/#tables) - 查询浏览器兼容性
- [browserl.ist](https://browserl.ist/) - A page to display compatible browsers from a browserslist string


### 博文

- [为何浏览器控制台的JavaScript引擎性能这么差？](https://www.zhihu.com/question/29352114)
- [前端效能提升之不可忽略的 Chrome 插件](https://juejin.im/post/5ddca3cbe51d4523601740ae)
- [你真的了解回流和重绘吗](https://juejin.im/post/5c6cb7b4f265da2dae511a3d)
- [浏览器的回流与重绘 (Reflow & Repaint)](https://juejin.im/post/5a9923e9518825558251c96a)


## Visual Studio Code

### 插件

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Prettier formatter for Visual Studio Code
- [Vuetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tooling for VS Code, powered by vue-language-server


## 移动端

### 博文

- [指尖下的js —— 多触式web前端开发之三：处理复杂手势](https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html)
- [H5 键盘兼容性小结](https://juejin.im/post/5c6d1c8b6fb9a049de6df441)
- [再学Android之WebView](https://juejin.im/post/5cff8c27f265da1bae38f1c1)
- [web移动端布局的那些事儿](https://juejin.im/post/5b6575b0518825196b01fd85)
- [移动端布局适配](https://juejin.im/post/5d4574aff265da03e61af359)
- [关于移动端适配，你必须要知道的](https://juejin.im/post/5cddf289f265da038f77696c)

## 算法

### 文档

- [《算法导论》答案](https://www.kancloud.cn/windmissing/algorithms-my-answer/115225)
- [目錄：演算法與資料結構](http://alrightchiu.github.io/SecondRound/mu-lu-yan-suan-fa-yu-zi-liao-jie-gou.html)

### 示例

- [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) - Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- [CLRS](https://github.com/gzc/CLRS) - Solutions to Introduction to Algorithms

### 工具

- [函数图像绘制工具](https://zh.numberempire.com/graphingcalculator.php)
- [Desmos](https://www.desmos.com/calculator) - Graphing Calculator
- [MathJax与LaTex公式简介 (转载)](https://www.cnblogs.com/linxd/p/4955530.html)
- [MathJax basic tutorial and quick reference](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference/5044)

### 博文

- [为什么算法渐进复杂度中对数的底数总为2](http://blog.codinglabs.org/articles/why-logarithm-base-of-asymptotic-time-complexity-always-two.html)
- [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1)
- [LeetCode 攻略 - 2019 年 7 月上半月汇总（55 题攻略）](https://juejin.im/post/5d2c19f45188252d1d5f9307)

## 博客

### 应用

- [Hexo](https://hexo.io/zh-cn/docs/index.html) - Hexo 是一个快速、简洁且高效的博客框架
- [Next](http://theme-next.iissnan.com/) - Elegant Theme for Hexo
- [icarus](https://github.com/ppoffice/hexo-theme-icarus) - A simple, delicate, and modern theme for the static site generator Hexo
- [Yelee](http://moxfive.coding.me/yelee/) - 简而不减 Hexo 双栏博客主题
- [LeanCloud](https://leancloud.cn/dashboard/login.html#/signin) - 博客评论

## Markdown

### 工具

- [马克飞象](https://maxiang.io/)

### 文档
- [Markdown 常用公式(github 编辑公式)](https://blog.csdn.net/lihaoweicsdn/article/details/83895143)

## 设计

### 工具

- [coolors](https://coolors.co/browser/latest/1) - 颜色搭配设计

### 文章

- [设计小测试！教你制作完美的Favicon图标(附神器)](http://www.uisdc.com/design-perfect-favicon-icon)

## 职业

- [16年毕业的前端er在杭州求职ing](https://juejin.im/post/5a64541bf265da3e2d338862)
- [我在淘宝做前端的这三年 — 第一年](https://juejin.im/post/5c74d4b9e51d4512c37ea03b)
- [我在淘宝做前端的这三年 — 第二年](https://juejin.im/post/5c7dafe8f265da2de25bab27)
- [我在淘宝做前端的这三年 — 第三年](https://juejin.im/post/5c811e426fb9a04a0c2f3bdb)
- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)
- [一位前端 2018 绝地求生记](https://juejin.im/post/5c36fe50518825253b5e94f4)
- [职业路线：前端工程师的晋升逻辑到底是什么](https://juejin.im/post/5d7312f46fb9a06b1d2166e1)
- [今天聊：你晋升失败的原因是什么](https://juejin.im/post/5e847b295188257375467466)
- [如何成为公司独当一面的工程师](https://juejin.im/post/5dd4cc71f265da0bca7899cf)
- [一名合格的程序员应该是什么样子](https://juejin.im/post/5d1574275188251a966bda58)
- [25 岁，毕业写前端的这三年](https://juejin.im/post/5cd8c361f265da03a33c5521)
- [职场瓶颈：2~4 年前端走出离职困境与舒适区](https://juejin.im/post/5cd15648f265da038145eeb9)


## 团队

- [第二届搞基建|堂主 - 如何推动前端团队的基础设施建设](https://juejin.im/post/5e644a65518825495d69bca6)
- [前端API层架构，也许你做得还不够](https://juejin.im/post/5de7169451882512454b18d8)
- [if 我是前端Leader，谈谈前端框架体系建设](https://juejin.im/post/5decf88f51882512327a510a)
- [有赞开源项目最佳实践](https://juejin.im/post/5b03871df265da0ba6102022)
- [技术栈：小菜前端的技术栈是如何规划和演进的](https://juejin.im/post/5c99c17df265da6129788ae2)
- [滴滴后市场前端技术体系](https://juejin.im/post/5a3dd19b6fb9a0452846b159)
- [大型项目前端架构浅谈（8000字原创）](https://juejin.im/post/5cea1f705188250640005472)
- [https://juejin.im/post/5d1c6550518825330a3bfa01](https://juejin.im/post/5d1c6550518825330a3bfa01)

## 协议

- [MIT License](http://choosealicense.online/licenses/mit/)

## 工具

### 文档

- [ohmyzsh](https://github.com/ohmyzsh/ohmyzsh) 
- [iterm2](https://www.iterm2.com/)
- [Homebrew](https://brew.sh/)
- [dash](https://kapeli.com/dash)
- [Worktile](https://worktile.com/) - 团队协作
- [图表秀](https://sso.tubiaoxiu.com/login?service=https://www.tubiaoxiu.com/srv/login/cas)
- [从前端开发攻城狮的角度打造更好用的 Mac OS](https://github.com/rccoder/blog/issues/22)
- [oh-my-zsh让终端好用到飞起~](https://juejin.im/post/5d773da76fb9a06aff5e9a99)

### 博文

- [简明 VIM 练级攻略](https://coolshell.cn/articles/5426.html)

## 低代码

- [前端生产方式：过去 10 年回顾和未来 10 年展望](https://juejin.im/post/5e81874be51d4546d23bf9b4)
- [第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema](https://juejin.im/post/5e8835d0518825738a5ac929)
- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（上篇）](https://juejin.im/post/5e8160db51882573b435f5cc)
- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（下篇）](https://juejin.im/post/5e82e1156fb9a03c3c350a51)
- [React无门槛实现拖拽布局、表单设计器](https://juejin.im/post/5dabb52bf265da5b616de75d)
- [格式校验利器：JSON Schema 简介](https://juejin.im/post/5b5533e3e51d45195c0747b8)
- [JSON Schema与表单验证](https://juejin.im/post/58bcdd4461ff4b006cf66c2c)
- [json-schema 可视化编辑器发布了](https://juejin.im/post/5aab954a518825557005c6cd)

## 可视化

- [颜值即正义！这几个库颠覆你对数据交互的想象](https://juejin.im/post/5de53fa15188256ed6123a1d)

## 稳定性

- [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1)
- [前端代码质量-圈复杂度原理和实践](https://juejin.im/post/5da34216e51d4578502c24c5)
- [要进大厂？前端灰度发布必须要知道](https://juejin.im/post/5da88d795188252f051e2b47)
- [从前端程序员的视角看小程序的稳定性保障](https://juejin.im/post/5c77ab516fb9a049ba424413)

## 总结

- [2019年前端大事件回顾：流年笑掷，未来可期](https://juejin.im/post/5def782ce51d4558181d27ce)
- [一套比较完整的前端技术选型，需要规整哪些东西，你知道不？](https://juejin.im/post/5b28d4fbe51d45587b47fd43)
- [前端技术全景展望](https://juejin.im/post/5b8df06fe51d4538b9427998)
- [前端技术体系大局观](https://zhuanlan.zhihu.com/p/23185351)
- [掘金排行前5000大佬 | 掘金文章排行 看这里](https://juejin.im/post/5d57f9a6f265da03b1204953)
- [这些年掘金上的优质前端文章，篇篇经典，一次打包带走！](https://juejin.im/post/5d42f4f46fb9a06adb7fc2a1)
- [精读《前端未来展望》](https://juejin.im/post/5d2d207b5188257aa971ee33)
- [阿里前端委员会主席圆心：未来前端的机会在哪里？](https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247490769&idx=1&sn=7ee6e01045a6fe7e15f16aa33afcc2ad&chksm=e92921dede5ea8c8e93489271e8877d2e8688bd511b32e22c287b6c468904c5466b40f6a2bec&xtrack=1&scene=90&subscene=93&sessionid=1562203458&clicktime=15622)
- [哪些技术会决定前端开发者的未来发展？](https://juejin.im/post/5d1589c8e51d45776031b02e)

## 全栈

- [「真®全栈之路」Web前端开发的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)
- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)


================================================
FILE: docs/books.md
================================================
---
sidebar: auto
---

# 书籍

**有些书买了，但是可能永远也没时间看。**

## HTML

- [ ] 《HTML5 与 CSS3 权威指南》- 陆凌牛 - 机械工业出版社

## JavaScript

- [x] 《JavaScript 从入门到精通》- 明日科技 - 清华大学出版社
- [x] 《JavaScript 宝典（第六版）》- (美)古德曼,(美)莫里森 - 人民邮电出版社
- [x] 《JavaScript 高级程序设计》- Nicholas C. Zakas - 人民邮电出版社
- [x] 《JavaScript 权威指南》- (美)弗兰纳根 - 机械工业出版社
- [x] 《高性能 JavaScript》 - Nicholas C. Zakas - 电子工业出版社
- [x] 《JavaScript 设计模式》- - (美)奥斯马尼 - 电子工业出版社
- [x] 《ES6 标准入门》 - 阮一峰 电子工业出版社
- [x] 《JavaScript 设计模式》- 张容铭 -人民邮电出版社
- [x] 《jQuery 技术内幕》- 高云 - 机械工业出版社
- [x] 《锋利的 jQuery》 - 单东林，张晓菲，魏然 - 人民邮电出版社
- [ ] 《JavaScript 性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社
- [ ] 《编写可维护的 JavaScript》- Nicholas C. Zakas - 人民邮电出版社
- [ ] 《JavaScript 语言精髓》- (美)克罗克福德 - 电子工业出版社
- [ ] 《JavaScript 函数式编程》- [美]Michael Fogus - 人民邮电出版社
- [ ] 《JavaScript 忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社

## 浏览器

- [x] 《Chrome 扩展及应用开发》- 李喆 - 人民邮电出版社

## CSS

- [x] 《CSS 权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社
- [x] 《深入理解 Bootstrap》 - 徐涛 - 机械工业出版社
- [x] 《CSS 世界》- 张鑫旭 - 人民邮电出版社
- [x] 《精通 CSS：高级 WEB 标签解决方案》- (英)巴德，(英)科利森，(英)莫尔 - 人民邮电出版社
- [ ] 《CSS 揭秘》- Lea Verou - 人民邮电出版社
- [ ] 《CSS 实战手册》- [美]David McFarland - 中国电力出版社
- [ ] 《图解 CSS3》- 大漠 - 机械工业出版社

## Node.js

- [x] 《Node 即学即用》 - (英)TomHughes-Croucher MikeWilson - 人民邮电出版社
- [x] 《深入浅出 Node.js》 - 朴灵 - 人民邮电出版社
- [ ] 《Node.js 权威指南》- 陆凌牛 - 机械工业出版社
- [ ] 《Node.js 调试指南》- 赵坤 - 电子工业出版社

## 全栈

- [x] 《Node.js+MongoDB+Angular Web 开发：MEAN 全栈权威指南》 - （美）Brad Dayley - 电子工业出版社
- [x] 《Web 全栈工程师的自我修养》- 余果 - 人民邮电出版社

## Vue

- [ ] 《Vue.js 前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社
- [ ] 《Vue.js 权威指南》- 张耀春 - 电子工业出版社
- [ ] 《Vue2 实践揭秘》- 梁睿坤 - 电子工业出版社

## React

- [ ] 《深入 React 技术栈》 - 陈屹 - 人民邮电出版社

## Git

- [x] 《Git 版本控制管理》- (美)罗力格，(美)麦卡洛 - 人民邮电出版社

## 数据结构

- [x] 《数据结构(第二版)》- 严蔚敏 - 清华大学出版社
- [x] 《数据结构与算法 JavaScript 描述》- (美)Michael McMillan - 人民邮电出版社

## 网络

- [x] 《计算机网络基础》- 罗娅 - 清华大学出版社
- [x] 《图解 HTTP》 - (日) 上野宣 - 人民邮电出版社
- [ ] 《深入理解 Nginx》- 陶辉 - 机械工业出版社
- [ ] 《TCP/IP 详解 卷 1-3》- 机械工业出版社
- [ ] 《图解 TCP/IP》- (日) 竹下隆史 - 人民邮电出版社
- [ ] 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社

## Web

- [ ] 《Web 性能权威指南》- Ilya Grigorik - 人民邮电出版社

## 正则

- [ ] 《精通正则表达式》- (美)杰佛瑞 E.F.佛瑞德 - 电子工业出版社 -**【进行中】**

## 算法

- [ ] 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -**【进行中】**
- [ ] 《计算机程序设计艺术 卷 1：基本算法》- (美) 高德纳 - 人民邮电出版社
- [ ] 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社
- [ ] 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社

## 存储

- [ ] 《Redis 设计与实现》- 黄健宏 - 机械工业出版社

## 软件工程

- [x] 《软件工程》 - 赖均 - 清华大学出版社

## 操作系统

- [ ] 《鸟哥的 Linux 私房菜基础学习篇》- 鸟哥 - 人民邮电出版社
- [ ] 《操作系统真象还原》- 郑钢 - 人民邮电出版社

## 其他

- [x] [《不止代码》](https://alitech-private.oss-cn-beijing.aliyuncs.com/1530517140411/Codelife.pdf?Expires=1556938189&OSSAccessKeyId=LTAIqKGWQyF6Vd3W&Signature=wdZLS%2bjHUJunoT2fmT7tqvHZ7w0=) - 电子版 - 阿里巴巴
- [ ] 《前端面试江湖》- 李红米 - 电子工业出版社

## 人生

> 有些书没读至今仍然悔恨。

- [x] 《冰心诗集》
- [x] 《艾青诗选》
- [x] 《朱自清散文》
- [x] 《徐志摩诗集》
- [x] 《骆驼祥子》
- [x] 《三国演义》
- [ ] 《仓央嘉措》
- [x] 《红与黑》
- [x] 《傲慢与偏见》
- [x] 《巴黎圣母院》
- [ ] 《希腊神话》
- [x] 《鲁滨逊漂流记》
- [x] 《少年维特之烦恼》
- [x] 《三个火枪手》
- [x] 《简·爱》
- [x] 《茶花女》
- [x] 《包法利夫人》
- [x] 《爱的教育》
- [x] 《契诃夫小说集》
- [x] 《钢铁是怎样炼成的》
- [ ] 《老人与海》
- [x] 《罪与罚》
- [x] 《挪威的森林》
- [x] 《浮士德》
- [x] 《局外人》
- [x] 《羊脂球》
- [x] 《莫泊桑短篇小说选》
- [x] 《苦儿流浪记》
- [x] 《十四行诗》
- [ ] 《飘》
- [ ] 《悲催世界》
- [ ] 《堂·吉诃德》
- [ ] 《忏悔录》
- [ ] 《九三年》
- [ ] 《欧也妮·葛朗台》
- [ ] 《高老头》
- [ ] 《基督山伯爵》
- [ ] 《呼啸山庄》
- [ ] 《汤姆叔叔的小屋》
- [ ] 《草叶集》
- [ ] 《战争与和平》
- [ ] 《安娜·卡列宁娜》
- [ ] 《复活》
- [ ] 《普希金诗选》
- [ ] 《了不起的盖茨比》
- [ ] 《飞鸟集》
- [ ] 《小王子》
- [ ] 《童年》


================================================
FILE: docs/interviews.md
================================================
---
sidebar: auto
---

# 面试

## 面经

- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)
- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)
- [【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我](https://juejin.im/post/5d23e750f265da1b855c7bbe)
- [2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文](https://juejin.im/post/5b94d8965188255c5a0cdc02)
- [2019 面试系列 - 简历](https://juejin.im/post/5d05ca79f265da1bc75237ea)
- [JavaScript-面试](https://segmentfault.com/a/1190000015863923?utm_source=tag-newest#articleHeader0)
- [Javascript 面试核心考点(基础版)](https://github.com/ljianshu/Blog/issues/63)
- [jsliang 的 2019 面试准备](https://juejin.im/post/5c8e4cd3f265da67c87454a0)
- [从面试题看 JS 事件循环与 macro micro 任务队列](https://juejin.im/post/5c8a024d51882546be0a3082)
- [总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)](https://juejin.im/post/5b44a485e51d4519945fb6b7)
- [面试 -- 网络 HTTP](https://juejin.im/post/5872309261ff4b005c4580d4)
- [中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)](https://juejin.im/post/5c64d15d6fb9a049d37f9c20)
- [(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂](https://juejin.im/post/5cc26dfef265da037b611738)
- [面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~](https://juejin.im/post/5e731c4c51882549112b5c2d)
- [中高级前端开发高频面试题](https://juejin.im/post/5ceaaaf0e51d45508c2fb7c0)
- [前端工程师面试必备（持续更新中）](%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E9%9D%A2%E8%AF%95%E5%BF%85%E5%A4%87%EF%BC%88%E6%8C%81%E7%BB%AD%E6%9B%B4%E6%96%B0%E4%B8%AD%EF%BC%89)
- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)
- [你要的 React 面试知识点，都在这了](https://juejin.im/post/5cf0733de51d4510803ce34e)
- [大揭秘！“恐怖”的阿里一面，我究竟想问什么](https://juejin.im/post/5d4cd42a6fb9a06aea618155)
- [你要的Vue面试题都在这里。](https://juejin.im/post/5d13436f6fb9a07eca698ba0)
- [面试官：自己搭建过vue开发环境吗？](https://juejin.im/post/5cc55c336fb9a032086dd701)

## 站点

- [前端进阶之道](https://yuchengkai.cn/) - 不容错过的前端进阶资料
- [前端面试与进阶指南](https://www.cxymsg.com/) - 可能是全网最给力的前端面试项目
- [前端工程师手册](https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html)

## 书籍

- 《前端面试江湖》


================================================
FILE: docs/notes.md
================================================
---
sidebar: auto
---

# 笔记

**有些笔记记了，但可能没什么卵用。**

## JavaScript

- [jquery 2.0.3 源码分析笔记](https://github.com/ziyi2/jquery) - 参考《锋利的 jQuery》/《jQuery 技术内幕》/《JavaScript 高级程序设计》/《JavaScript 权威指南》
- [设计模式](https://github.com/ziyi2/js/blob/master/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.md) - 参考两本《JavaScript 设计模式》
- [JavaScript 类和继承](https://github.com/ziyi2/js/blob/master/JS%E7%B1%BB%E5%92%8C%E7%BB%A7%E6%89%BF.md) - 参考《ES6 标准入门》/ 《JavaScript 高级程序设计》/《JavaScript 权威指南》
- [如何使 JavaScript 提高运行性能](https://github.com/ziyi2/js/blob/master/%E9%AB%98%E6%80%A7%E8%83%BDJS.md) - 参考《高性能 JavaScript》
- [ES6 学习笔记](https://github.com/ziyi2/es6) - 参考《ES6 标准入门》
- [JavaScript 高级程序设计](https://github.com/ziyi2/js/blob/master/JavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1.docx) - 参考《JavaScript 高级程序设计》
- [JavaScript 权威指南](https://github.com/ziyi2/js/blob/master/JavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1.docx) - 参考《JavaScript 权威指南》

## 算法

- [算法导论与 JavaScript 实现](https://github.com/ziyi2/algorithms-javascript) - 参考《算法导论》/《数据结构与算法 JavaScript 描述》/ [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) / [CLRS](https://github.com/gzc/CLRS) - **【进行中】**
- [数据结构和算法](https://github.com/ziyi2/data-structure-algorithm-procedure) - 参考《数据结构与算法 JavaScript 描述》

## CSS

- [CSS 权威指南](https://github.com/ziyi2/css/blob/master/css%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.docx) - 参考《CSS 权威指南》
- [CSS 世界](https://github.com/ziyi2/css/blob/master/css%E4%B8%96%E7%95%8C.md) - 参考《CSS 世界》/《CSS 权威指南》
- [精通 CSS](https://github.com/ziyi2/css/blob/master/%E7%B2%BE%E9%80%9Acss.md) - 参考《精通 CSS：高级 WEB 标签解决方案》

## HTTP

- [HTTP 协议分析](http://www.ziyi2.cn/2018/04/10/http%E5%8D%8F%E8%AE%AE%E5%88%86%E6%9E%90/) - 参考《图解 HTTP》

## 正则

- [正则表达式](https://github.com/ziyi2/rugular) - 参考《精通正则表达式》- **【进行中】**


================================================
FILE: docs/recently.md
================================================
---
sidebar: auto
---

# 最近阅读


================================================
FILE: package.json
================================================
{
  "name": "i-algorithms",
  "version": "0.0.3",
  "description": "Introduction To Algorithms With JavaScript.",
  "main": "lib",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/ziyi2/algorithms"
  },
  "scripts": {
    "dev": "vuepress dev docs",
    "dist": "vuepress build docs",
    "deploy": "npm run dist && gh-pages -d docs/.vuepress/dist",
    "lint-md": "remark ."
  },
  "keywords": [
    "awesome",
    "front-end"
  ],
  "author": "ziyi2",
  "license": "ISC",
  "devDependencies": {
    "gh-pages": "^2.2.0",
    "remark-cli": "^8.0.0",
    "remark-lint": "^7.0.0",
    "remark-preset-lint-recommended": "^4.0.0"
  }
}