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://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"
}
}
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
Condensed preview — 14 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (134K chars).
[
{
"path": ".gitignore",
"chars": 50,
"preview": "# npm\nnode_modules\n\n# vuepress\ndocs/.vuepress/dist"
},
{
"path": ".remarkrc",
"chars": 104,
"preview": "{\n \"plugins\": [\n \"remark-preset-lint-recommended\",\n [\"remark-lint-list-item-indent\", false]\n ]\n}"
},
{
"path": "README.md",
"chars": 51824,
"preview": "# 个人前端资源汇集（适合收藏）\n\n这里是个人的「**博客**」、「**笔记**」、「**书籍**」、「**Awesomes**」、「**书签**」以及 「**面试**」等资源汇集。如果目前的你\n\n- 愁于找不到某项技术相对完善的文档\n- "
},
{
"path": "docs/.vuepress/config.js",
"chars": 208,
"preview": "var nav = require('./links/nav.js');\n// var sidebar = require('./links/sidebar.js');\n\nmodule.exports = {\n base: '/aweso"
},
{
"path": "docs/.vuepress/links/nav.js",
"chars": 434,
"preview": "module.exports = [\n {\n text: 'Awesomes',\n link: '/awesomes',\n },\n {\n text: '博客',\n link: '/blogs',\n },\n "
},
{
"path": "docs/README.md",
"chars": 91,
"preview": "---\nhome: true\nheroImage: /wangwang.gif\nactionText: 开始检索\nactionLink: /awesomes\nfooter:\n---\n"
},
{
"path": "docs/awesomes.md",
"chars": 4337,
"preview": "---\nsidebar: auto\n---\n\n# Awesomes\n\n**一个好的 Awesome 可以使人快速入门。**\n\n## 全部\n\n- [awesome](https://github.com/sindresorhus/awesom"
},
{
"path": "docs/blogs.md",
"chars": 1661,
"preview": "---\nsidebar: auto\n---\n\n# 博客\n\n**有些文章写了，但可能还没理解透彻。**\n\n## CSS\n\n- [清除和去除浮动](http://www.ziyi2.cn/2017/08/02/%E6%B8%85%E9%99%A"
},
{
"path": "docs/bookmarks.md",
"chars": 36637,
"preview": "---\nsidebar: auto\n---\n\n# 书签\n\n**有些书签收藏了，但可能永远不会再打开。**\n\n## HTTP\n\n### 文档\n\n- [计算机通识-网络](https://yuchengkai.cn/docs/cs/#udp)\n"
},
{
"path": "docs/books.md",
"chars": 3370,
"preview": "---\nsidebar: auto\n---\n\n# 书籍\n\n**有些书买了，但是可能永远也没时间看。**\n\n## HTML\n\n- [ ] 《HTML5 与 CSS3 权威指南》- 陆凌牛 - 机械工业出版社\n\n## JavaScript\n\n-"
},
{
"path": "docs/interviews.md",
"chars": 1977,
"preview": "---\nsidebar: auto\n---\n\n# 面试\n\n## 面经\n\n- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)\n- [在阿里我"
},
{
"path": "docs/notes.md",
"chars": 1816,
"preview": "---\nsidebar: auto\n---\n\n# 笔记\n\n**有些笔记记了，但可能没什么卵用。**\n\n## JavaScript\n\n- [jquery 2.0.3 源码分析笔记](https://github.com/ziyi2/jquer"
},
{
"path": "docs/recently.md",
"chars": 30,
"preview": "---\nsidebar: auto\n---\n\n# 最近阅读\n"
},
{
"path": "package.json",
"chars": 656,
"preview": "{\n \"name\": \"i-algorithms\",\n \"version\": \"0.0.3\",\n \"description\": \"Introduction To Algorithms With JavaScript.\",\n \"mai"
}
]
About this extraction
This page contains the full source code of the ziyi2/awesome GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 14 files (100.8 KB), approximately 44.9k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.