[
  {
    "path": ".gitignore",
    "content": "# npm\nnode_modules\n\n# vuepress\ndocs/.vuepress/dist"
  },
  {
    "path": ".remarkrc",
    "content": "{\n  \"plugins\": [\n    \"remark-preset-lint-recommended\",\n    [\"remark-lint-list-item-indent\", false]\n  ]\n}"
  },
  {
    "path": "README.md",
    "content": "# 个人前端资源汇集（适合收藏）\n\n这里是个人的「**博客**」、「**笔记**」、「**书籍**」、「**Awesomes**」、「**书签**」以及 「**面试**」等资源汇集。如果目前的你\n\n- 愁于找不到某项技术相对完善的文档\n- 不知道读哪些书\n- 想快速检索某一项技术\n- 想快速获取某一方面的\n- 想了解别人怎么记笔记\n- 想了解别人的书签里都收藏了些啥\n- 想快速获取面经资源\n- 迷茫于不知道如何继续学习\n\n那么可以看看这个资源汇集，或许能给你带来一些灵感（这是我开始工作以来的所有前端资源成果，如果大家喜欢可以点个赞哈）。感兴趣的同学可以 [Star](https://github.com/ziyi2/awesome) 一下 Git 仓库，或者自己 Fork 哦。\n\n\n![](https://user-gold-cdn.xitu.io/2020/4/6/171502149442933f?w=2560&h=1316&f=png&s=137175)\n\n文档地址：https://ziyi2.github.io/awesome/\n\n## 目录\n\n- [博客](#博客)\n\t - [CSS](#css)\n\t - [Vue](#vue)\n\t - [设计模式](#设计模式)\n\t - [Git](#git)\n\t - [面试](#面试)\n\t - [总结](#总结)\n\t - [随笔](#随笔)\n- [笔记](#笔记)\n\t - [JavaScript](#javascript)\n\t - [算法](#算法)\n\t - [CSS](#css-1)\n\t - [HTTP](#http)\n\t - [正则](#正则)\n- [书籍](#书籍)\n\t - [HTML](#html)\n\t - [JavaScript](#javascript-1)\n\t - [浏览器](#浏览器)\n\t - [CSS](#css-2)\n\t - [Node.js](#nodejs)\n\t - [全栈](#全栈)\n\t - [Vue](#vue-1)\n\t - [React](#react)\n\t - [Git](#git-1)\n\t - [数据结构](#数据结构)\n\t - [网络](#网络)\n\t - [Web](#web)\n\t - [正则](#正则)\n\t - [算法](#算法-1)\n\t - [存储](#存储)\n\t - [软件工程](#软件工程)\n\t - [操作系统](#操作系统)\n\t - [其他](#其他)\n\t - [人生](#人生)\n- [Awesomes](#Awesomes)\n\t- [全部](#全部)\n\t- [语言](#语言)\n\t- [框架](#框架)\n\t- [UI](#UI)\n\t- [架构](#架构)\n\t- [书籍](#书籍)\n\t- [工具](#工具)\n\t- [图标](#图标)\n\t- [文档](#文档)\n- [书签](#书签-1)\n\t- [HTTP](#http-1)\n\t- [CSS](#css-3)\n\t- [JavaScript](#javascript-2)\n\t- [TypeScirpt](#typescript)\n\t- [Vue](#vue-2)\n\t- [React](#react-1)\n\t- [Webpack](#webpack)\n\t- [Gulp](#gulp)\n\t- [Babel](#babel)\n\t- [Node.js](#nodejs-1)\n\t- [Npm](#npm)\n\t- [Yarn](#yarn)\n\t- [Lerna](#lerna)\n\t- [Git](#git-2)\n\t- [GraphQL](#graphql)\n\t- [Nginx](#nginx)\n  - [微前端](#微前端)\n  - [Serverless](#Serverless)\n  - [中台](#中台)\n  - [监控](#监控)\n  - [客户端](#客户端)\n  - [docker](#docker)\n  - [地图](#地图)\n  - [测试](#测试)\n  - [部署](#部署)\n  - [Fonts](#fonts)\n  - [浏览器](#浏览器-1)\n  - [Visual Studio Code](#visual-studio-code)\n  - [移动端](#移动端)\n  - [算法](#算法-2)\n  - [博客](#博客-1)\n  - [Markdown](#markdown)\n  - [设计](#设计)\n  - [职业](#职业)\n  - [团队](#团队)\n  - [协议](#协议)\n  - [工具](#工具-1)\n  - [低代码](#低代码)\n  - [可视化](#可视化)\n  - [稳定性](#%E7%A8%B3%E5%AE%9A%E6%80%A7)\n  - [全栈](#全栈-1)\n  - [总结](#总结-1)\n  - [面试](#面试-1)\n\t- [面经](#面经)\n\t- [站点](#站点)\n\n\n## 博客\n\n**有些文章写了，但可能还没理解透彻。**\n\n### CSS\n\n- [清除和去除浮动](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/)\n\n### Vue\n\n- [Vue CLI 3 构建库时对于产生 Polyfill 的问题分析](https://github.com/ziyi2/ziyi2.github.io/issues/1)\n- [Vue CLI 3 缓存旧版本的 VUE 组件(npm包)问题](https://github.com/ziyi2/ziyi2.github.io/issues/2)\n- [Vue CLI 3 结合 Lerna 进行UI设计](https://github.com/ziyi2/awesomes-front-end/edit/master/README.md)\n- [Vue 源码分析 - nextTick](https://github.com/ziyi2/ziyi2.github.io/issues/5)\n- [基于 Vue 的简易 MVVM 实现](https://github.com/ziyi2/ziyi2.github.io/issues/8)\n\n\n### 设计模式\n\n\n- [MV* 架构设计模式的演变历史](https://github.com/ziyi2/mvvm/blob/master/doc/history.md) - 了解MVC、MVP以及MVVM的演变历史\n- [观察者模式和发布/订阅模式](https://github.com/ziyi2/mvvm/blob/master/doc/mode.md)\n- [mvvm](https://github.com/ziyi2/mvvm) - 模拟Vue的简易实现\n\n\n### Git\n\n- [Cz 工具集使用介绍 - 规范 Git 提交说明](https://github.com/ziyi2/ziyi2.github.io/issues/6)\n\n### Npm\n\n- [Npm 发布和使用命令行(CLI)工具](https://github.com/ziyi2/ziyi2.github.io/issues/7)\n\n\n### 面试\n\n- [面试分享：两年工作经验成功面试阿里P6总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)\n- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)\n\n### 总结\n\n- [2019 前端之路 | 掘金年度征文](https://juejin.im/post/5e11ef3b6fb9a0483a135fa7)\n\n### 随笔\n\n- [莫泊桑短篇小说简评](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/)\n- [那一年，我毕业了](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/)\n- [他](http://www.ziyi2.cn/2017/09/24/%E4%BB%96/)\n- [挪威的森林里](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/)\n\n\n## 笔记\n\n**有些笔记记了，但可能仍然会忘记。**\n\n\n\n### JavaScript\n\n- [jquery 2.0.3 源码分析笔记](https://github.com/ziyi2/jquery) -  参考《锋利的jQuery》/《jQuery技术内幕》/《JavaScript高级程序设计》/《JavaScript权威指南》\n- [设计模式](https://github.com/ziyi2/js/blob/master/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.md) - 参考两本《JavaScript设计模式》\n- [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权威指南》\n- [如何使 JavaScript 提高运行性能](https://github.com/ziyi2/js/blob/master/%E9%AB%98%E6%80%A7%E8%83%BDJS.md) - 参考《高性能JavaScript》\n- [ES6 学习笔记](https://github.com/ziyi2/es6) - 参考《ES6标准入门》\n- [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高级程序设计》\n- [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权威指南》\n\n\n### 算法\n\n- [算法导论与 JavaScript 实现](https://github.com/ziyi2/algorithms-javascript) - 参考《算法导论》/《数据结构与算法JavaScript描述》/ [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) / [CLRS](https://github.com/gzc/CLRS) - **【进行中】**\n- [数据结构和算法](https://github.com/ziyi2/data-structure-algorithm-procedure)  - 参考《数据结构与算法JavaScript描述》\n\n\n### CSS\n\n- [CSS 权威指南](https://github.com/ziyi2/css/blob/master/css%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.docx) - 参考《CSS权威指南》\n- [CSS 世界](https://github.com/ziyi2/css/blob/master/css%E4%B8%96%E7%95%8C.md) - 参考《CSS世界》/《CSS权威指南》\n- [精通 CSS](https://github.com/ziyi2/css/blob/master/%E7%B2%BE%E9%80%9Acss.md) - 参考《精通CSS：高级WEB标签解决方案》\n\n### HTTP\n- [HTTP 协议分析](http://www.ziyi2.cn/2018/04/10/http%E5%8D%8F%E8%AE%AE%E5%88%86%E6%9E%90/) - 参考《图解HTTP》 \n\n\n### 正则\n\n- [正则表达式](https://github.com/ziyi2/rugular) - 参考《精通正则表达式》- **【进行中】**\n\n## Awesomes\n\n**一个好的 Awesome 可以快速入门某项技术。**\n\n### 全部\n\n- [awesome](https://github.com/sindresorhus/awesome) - Awesome lists about all kinds of interesting topics\n- [awesome-awesome](https://github.com/emijrp/awesome-awesome) - A curated list of awesome curated lists of many topics.\n- [awesome-awesome-awesome](https://github.com/jonatasbaldin/awesome-awesome-awesome) - Awesome list of repositories of awesome lists\n\n### 语言\n\n- [awesome-javascript](https://github.com/sorrycc/awesome-javascript) - A collection of awesome browser-side JavaScript libraries, resources and shiny things.\n- [awesome-css](https://github.com/awesome-css-group/awesome-css) - A curated contents of amazing CSS :)\n- [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources\n- [Front-End-Develop-Guide](https://github.com/icepy/Front-End-Develop-Guide) - 这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成\n- [knowledge](https://github.com/f2e-awesome/knowledge) - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。\n- [awesome-javascript-cn](https://github.com/jobbole/awesome-javascript-cn) - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等\n\n### 框架\n\n- [awesome-vue](https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js\n- [awesome-react](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem\n- [awesome-wechat-weapp](https://github.com/justjavac/awesome-wechat-weapp) - 微信小程序开发资源汇总\n- [awesome-graphql](https://github.com/chentsulin/awesome-graphql) - Awesome list of GraphQL & Relay\n- [Awesome Redux](https://github.com/xgrommx/awesome-redux) - Awesome list of Redux examples and middlewares\n- [awesome-github-vue](https://github.com/opendigg/awesome-github-vue) - Vue 相关开源项目库汇总\n- [awesome-github-wechat-weapp](https://github.com/opendigg/awesome-github-wechat-weapp) - 微信小程序开源项目库汇总\n- [awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt) - A curated list of awesome things related to Nuxt.js\n- [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)\n\n### UI\n\n- [awesome-ui-component-library](https://github.com/anubhavsrivastava/awesome-ui-component-library) - Curated list of framework component libraries for UI styles/toolkit\n- [awesome-react-components](https://github.com/brillout/awesome-react-components) - Curated List of React Components & Libraries.\n\n### 架构\n\n- [awesome-architecture](https://github.com/toutiaoio/awesome-architecture) - 架构师技术图谱，助你早日成为架构师\n\n### 书籍\n\n- [awesome-books](https://github.com/guanpengchn/awesome-books) - 开发者推荐阅读的书籍\n- [awesome-programming-books](https://github.com/royeo/awesome-programming-books) - 经典技术书籍推荐，持续更新...\n- [awesome-bookmarks](https://github.com/PanJiaChen/awesome-bookmarks)\n\n### 工具\n\n- [awesome-mac](https://github.com/jaywcjlove/awesome-mac) - Collect premium software in various categories\n- [awesome-vscode](https://github.com/viatsko/awesome-vscode) - A curated list of delightful VS Code packages and resources.\n- [Awesome-Design-Tools](https://github.com/LisaDziuba/Awesome-Design-Tools) - The best design tools and plugins for everything\n- [awesome-webpack](https://github.com/webpack-contrib/awesome-webpack) - A curated list of awesome Webpack resources, libraries and tools\n- [awesome-gulp](https://github.com/alferov/awesome-gulp) - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation\n- [awesome-github](https://github.com/AntBranch/awesome-github) - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue\n- [awesome-npm](https://github.com/sindresorhus/awesome-npm) - Awesome npm resources and tips\n\n### 图标\n\n- [Font Awesome](https://github.com/FortAwesome/Font-Awesome) - The iconic SVG, font, and CSS toolkit\n\n### 文档\n\n- [awesome-resume](https://github.com/resumejob/awesome-resume) - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版\n\n- [awesome-interview-questions](https://github.com/MaximAbramchuck/awesome-interview-questions) - A curated awesome list of lists of interview questions. Feel free to contribute!\n- [awesome-webpack-cn](https://github.com/webpack-china/awesome-webpack-cn) - webpack 优秀中文文章\n\n## 书籍\n\n **有些书买了，但可能永远遗憾。**\n \n### HTML\n\n- [ ] 《HTML5与CSS3权威指南》- 陆凌牛 - 机械工业出版社\n\n### JavaScript\n\n- [x] 《JavaScript从入门到精通》- 明日科技 - 清华大学出版社\n- [x] 《JavaScript宝典（第六版）》- (美)古德曼,(美)莫里森 - 人民邮电出版社\n- [x] 《JavaScript高级程序设计》- Nicholas C. Zakas - 人民邮电出版社\n- [x] 《JavaScript权威指南》- (美)弗兰纳根 -  机械工业出版社\n- [x] 《高性能JavaScript》 - Nicholas C. Zakas - 电子工业出版社\n- [x]  《JavaScript设计模式》-  - (美)奥斯马尼 - 电子工业出版社\n- [x] 《ES6标准入门》 - 阮一峰 电子工业出版社 \n- [x] 《JavaScript设计模式》- 张容铭  -人民邮电出版社 \n- [x] 《jQuery技术内幕》- 高云 - 机械工业出版社\n- [x] 《锋利的jQuery》 - 单东林，张晓菲，魏然 -  人民邮电出版社\n- [ ] 《JavaScript性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社\n- [ ] 《编写可维护的JavaScript》- Nicholas C. Zakas - 人民邮电出版社\n- [ ]  《JavaScript语言精髓》- (美)克罗克福德 - 电子工业出版社\n- [ ] 《JavaScript函数式编程》- (美)Michael Fogus - 人民邮电出版社\n- [ ] 《JavaScript忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社\n\n### 浏览器\n\n- [x] 《Chrome扩展及应用开发》- 李喆 - 人民邮电出版社\n\n### CSS\n\n- [x] 《CSS权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社\n- [x] 《深入理解Bootstrap》 - 徐涛 - 机械工业出版社\n- [x] 《CSS世界》- 张鑫旭 - 人民邮电出版社\n- [x] 《精通CSS：高级WEB标签解决方案》- (英)巴德，(英)科利森，(英)莫尔 - 人民邮电出版社 \n- [ ] 《CSS揭秘》- Lea Verou - 人民邮电出版社\n- [ ] 《CSS实战手册》- (美)David McFarland - 中国电力出版社\n- [ ] 《图解CSS3》- 大漠 - 机械工业出版社\n\n### Node.js\n\n- [x] 《Node即学即用》 - (英)TomHughes-Croucher MikeWilson  - 人民邮电出版社\n- [x] 《深入浅出Node.js》 - 朴灵  - 人民邮电出版社\n- [ ] 《Node.js权威指南》- 陆凌牛 - 机械工业出版社\n- [ ] 《Node.js调试指南》- 赵坤 - 电子工业出版社\n\n### 全栈\n\n- [x] 《Node.js+MongoDB+Angular Web开发：MEAN全栈权威指南》 - （美）Brad Dayley - 电子工业出版社\n- [x] 《Web全栈工程师的自我修养》- 余果 - 人民邮电出版社\n\n### Vue\n- [ ] 《Vue.js前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社\n- [ ] 《Vue.js权威指南》- 张耀春 - 电子工业出版社\n- [ ] 《Vue2实践揭秘》- 梁睿坤 - 电子工业出版社\n\n### React\n- [ ] 《深入React技术栈》 - 陈屹 - 人民邮电出版社\n\n### Git\n\n- [x] 《Git版本控制管理》- (美)罗力格，(美)麦卡洛  - 人民邮电出版社\n\n### 数据结构\n\n- [x] 《数据结构(第二版)》-  严蔚敏 - 清华大学出版社\n- [x] 《数据结构与算法JavaScript描述》- (美)Michael McMillan - 人民邮电出版社\n\n\n### 网络\n- [x] 《计算机网络基础》- 罗娅 - 清华大学出版社\n- [x] 《图解HTTP》 - (日) 上野宣 - 人民邮电出版社\n- [ ] 《深入理解Nginx》- 陶辉 - 机械工业出版社\n- [ ] 《TCP/IP详解 卷1-3》- 机械工业出版社\n- [ ] 《图解TCP/IP》- (日) 竹下隆史 - 人民邮电出版社\n- [ ] 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社\n\n### Web\n\n- [ ] 《Web性能权威指南》- Ilya Grigorik - 人民邮电出版社\n\n### 正则\n\n- [ ] 《精通正则表达式》- (美)杰佛瑞E.F.佛瑞德  - 电子工业出版社 -**【进行中】**\n\n### 算法\n\n- [ ] 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -**【进行中】**\n- [ ] 《计算机程序设计艺术 卷1：基本算法》- (美) 高德纳 - 人民邮电出版社 \n- [ ] 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社\n- [ ] 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社\n\n\n### 存储\n\n- [ ] 《Redis设计与实现》- 黄健宏 - 机械工业出版社\n\n### 软件工程\n\n- [x] 《软件工程》 - 赖均 - 清华大学出版社\n\n### 操作系统\n\n- [ ] 《鸟哥的Linux私房菜基础学习篇》- 鸟哥 - 人民邮电出版社\n- [ ] 《操作系统真象还原》- 郑钢 - 人民邮电出版社\n\n\n### 其他\n\n- [x] [《不止代码》](https://alitech-private.oss-cn-beijing.aliyuncs.com/1530517140411/Codelife.pdf?Expires=1556938189&OSSAccessKeyId=LTAIqKGWQyF6Vd3W&Signature=wdZLS%2bjHUJunoT2fmT7tqvHZ7w0=) - 电子版 - 阿里巴巴\n- [ ] 《前端面试江湖》- 李红米 - 电子工业出版社\n\n### 人生\n\n- [x] 《冰心诗集》\n- [x] 《艾青诗选》\n- [x] 《朱自清散文》\n- [x] 《徐志摩诗集》\n- [x] 《骆驼祥子》\n- [x] 《三国演义》\n- [ ] 《仓央嘉措》\n- [x] 《红与黑》\n- [x] 《傲慢与偏见》\n- [x] 《巴黎圣母院》\n- [ ] 《希腊神话》\n- [x] 《鲁滨逊漂流记》\n- [x] 《少年维特之烦恼》\n- [x] 《三个火枪手》\n- [x] 《简·爱》\n- [x] 《茶花女》\n- [x] 《包法利夫人》\n- [x] 《爱的教育》\n- [x] 《契诃夫小说集》\n- [x] 《钢铁是怎样炼成的》\n- [ ] 《老人与海》\n- [x] 《罪与罚》\n- [x] 《挪威的森林》\n- [x] 《浮士德》\n- [x] 《局外人》\n- [x] 《羊脂球》\n- [x] 《莫泊桑短篇小说选》\n- [x] 《苦儿流浪记》\n- [x] 《十四行诗》\n- [ ] 《飘》\n- [ ] 《悲催世界》\n- [ ] 《堂·吉诃德》\n- [ ] 《忏悔录》\n- [ ] 《九三年》\n- [ ] 《欧也妮·葛朗台》\n- [ ] 《高老头》\n- [ ] 《基督山伯爵》\n- [ ] 《呼啸山庄》\n- [ ] 《汤姆叔叔的小屋》\n- [ ] 《草叶集》\n- [ ] 《战争与和平》\n- [ ] 《安娜·卡列宁娜》\n- [ ] 《复活》\n- [ ] 《普希金诗选》\n- [ ] 《了不起的盖茨比》\n- [ ] 《飞鸟集》\n- [ ] 《小王子》\n- [ ] 《童年》\n\n\n## 书签\n\n**有些书签收藏了，但可能永远不会再打开。**\n\n### HTTP\n\n#### 文档\n\n- [计算机通识-网络](https://yuchengkai.cn/docs/cs/#udp)\n\n#### 博文\n\n- [Service Worker 从入门到出门](https://juejin.im/post/5d26aec1f265da1ba56b47ea)\n- [图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理](https://juejin.im/post/5b555f055188251af25700aa)\n\n#### 应用\n\n- [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\n\n#### 博文\n\n- [跨域资源共享 CORS 详解](http://www.ruanyifeng.com/blog/2016/04/cors.html)  - 阮一峰\n- [浏览器缓存知识小结及应用](http://www.cnblogs.com/lyzg/p/5125934.html?from=cnblogs)\n- [GET方法与POST方法的区别](https://www.cnblogs.com/sunny-sl/p/6529830.html)\n- [[译] SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd)\n- [彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0](https://blog.csdn.net/liyi1009365545/article/details/84780476)\n- [前端跨域整理](https://juejin.im/post/5815f4abbf22ec006893b431)\n\n\n### CSS\n\n#### 文档\n\n- [CSS Snapshot 2018](https://www.w3.org/TR/css-2018/#indices) - w3c\n- [CSS](https://developer.mozilla.org/zh-CN/docs/Learn/CSS) - MDN web docs\n- [DevDocs API Documentation CSS](https://docs.segmentfault.com/css/) \n- [BEM](https://en.bem.info/) - class命名规范\n- [Less 中文网](http://lesscss.cn/)\n- [Sass](https://sass-lang.com/)\n- [PostCSS](https://postcss.org/)\n\n\n#### 应用\n\n- [Bootstrap](https://v4.bootcss.com/) - Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目\n- [Bootstrap Table](https://bootstrap-table.com/)\n- [Bulma](https://bulma.io/) - Bulma is a free, open source CSS framework based on Flexbox\n- [FLEXBOX FROGGY](http://flexboxfroggy.com/#zh-cn) - 学 Flex 的小游戏\n\n#### 后台模板\n\n- [WrapPixel](https://www.wrappixel.com/) - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits\n- [Remark](https://getbootstrapadmin.com/remark/base/index.html) - Responsive Bootstrap 4 Admin Template\n- [ampleadmin](https://wrappixel.com/ampleadmin/ampleadmin-html/ampleadmin/index.html) - Bootstrap Admin Template\n\n#### 博文\n\n- [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/) - 张鑫旭\n- [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/) - 张鑫旭\n- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭\n- [我对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/) - 张鑫旭\n- [CSS实现单行、多行文本溢出显示省略号](http://www.daqianduan.com/6179.html)\n- [Flex 布局教程](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) - 阮一峰\n- [我所知道的几种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/) - 张鑫旭\n- [[译] 这些 CSS 命名规范将省下你大把调试时间](https://juejin.im/post/5a6c5881518825733201daf7)\n- [等高分栏布局小结](https://www.cnblogs.com/lyzg/p/5164593.html)\n- [css写作建议和性能优化小结](https://segmentfault.com/a/1190000011390896)\n- [CSS定位属性详解](https://juejin.im/post/5a1bb35ff265da43231ab164)\n- [[译] Web 流式文字排版的现状](https://juejin.im/post/5d267d9de51d45773d4686ab)\n\n\n### JavaScript\n\n#### 文档\n\n- [ECMAScript 6 入门](http://es6.ruanyifeng.com/) - 开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性\n\n#### 工具\n\n- [ESLint](https://cn.eslint.org/) - 可组装的JavaScript和JSX检查工具\n- [Prettier](https://prettier.io/) - An opinionated code formatter\n- [CKEditor 4](https://ckeditor.com/ckeditor-4/) - Smart WYSIWYG HTML editor\n\n#### 应用\n\n- [lodash](https://lodash.com/) - A modern JavaScript utility library delivering modularity, performance & extras\n- [jQuery](https://jquery.com/)\n- [zTree](https://github.com/zTree/zTree_v3) - jQuery Tree Plugin\n\n#### 博文\n\n##### 设计模式\n- [Scaling Isomorphic Javascript Code](https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/) \n- [Understanding JavaServer Pages Model 2 architecture](https://www.javaworld.com/article/2076557/understanding-javaserver-pages-model-2-architecture.html)\n- [GUI Architectures](https://martinfowler.com/eaaDev/uiArchs.html) \n- [界面之下：还原真实的MV*模式](https://github.com/livoras/blog/issues/11) \n- [ES7 Decorator 装饰者模式](http://taobaofed.org/blog/2015/11/16/es7-decorator/)\n- [javascript设计模式系列](https://www.cnblogs.com/webFrontDev/p/3553402.html)\n- [框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结](https://www.jianshu.com/p/b42a26623aeb?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation)\n- [[译] 什么将会替代 JavaScript 呢？](https://juejin.im/post/5daa897c6fb9a04e3902f4e6)\n\n##### 机制\n- [从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](https://mp.weixin.qq.com/s/vIKDUrbuxVNQMi_g_fiwUA)  - 全面了解JS单线程\n- [Forcing Garbage Collection in node.js and JavaScript](https://www.xarg.org/2016/06/forcing-garbage-collection-in-node-js-and-javascript/) - 强制垃圾回收\n\n##### 语法\n- [如何实现一个深拷贝](https://juejin.im/post/5c45112e6fb9a04a027aa8fe)\n- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭\n- [Object()的方法一览](https://juejin.im/post/5937699efe88c20061eb412d)\n- [Promise之你看得懂的Promise](https://juejin.im/post/5b32f552f265da59991155f0)\n- [深入理解 JavaScript 的类型转换](https://juejin.im/post/5d1587f4e51d4510664d1715)\n- [【JS 进阶】你真的掌握变量和类型了吗](https://juejin.im/post/5cec1bcff265da1b8f1aa08f)\n- [记一次面试题，正则表达式(?=a)是什么意思？](https://juejin.im/post/5ceb7d9df265da1b8811ba7f)\n- [【JS迷你书】类型转换之拆箱操作](https://juejin.im/post/5ccfb58f518825405a198fcd)\n- [《三分钟阅读》7个有用的JavaScript技巧](https://juejin.im/post/5cc6f07ce51d456e3a5f089b)\n- [我是如何将业务代码写优雅的](https://juejin.im/post/5cc7d540e51d456e537ef39e)\n- [JS中的null和undefined,undefined为啥用void 0代替?\n](https://juejin.im/post/5cc58a72e51d456e845b4289)\n- [async/await 优雅的错误处理方法](https://juejin.im/post/5c49eb28f265da613a545a4b)\n- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)\n\n##### 工具\n\n- [使用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)\n- [eslint prettier的配置选项（参数）官网直译](https://segmentfault.com/a/1190000012909159)\n- [A Comparison of JavaScript Linting Tools](https://www.sitepoint.com/comparison-javascript-linting-tools/) - JSLint，JSHint，JSCS和ESLint对比\n- [一个日期处理类库moment.js](https://juejin.im/post/5abe07e0f265da237507029e)\n- [Prettier 介绍与基本用法](https://juejin.im/post/5ae91143f265da0ba60f97ea)\n\n##### 性能优化\n\n- [让老板虎躯一震的前端技术](https://juejin.im/post/5c3ff18b6fb9a04a0a5f76aa) - 掘金\n- [前端优化不完全指南](https://aotu.io/notes/2016/03/16/optimization/)\n\n\n##### 风格指南\n\n- [Google JavaScript 代码风格指南](https://juejin.im/post/5bd01d4a518825781e647e90)\n- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)\n\n\n### TypeScirpt\n\n#### 文档\n\n- [TypeScirpt](https://www.tslang.cn/) - JavaScript的超集\n- [TypeScript 入门教程](https://ts.xcatliu.com/)\n\n#### 博文\n\n- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) \n- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)\n- [TS 常见问题整理（60多个，持续更新ing）](https://juejin.im/post/5e33fcd06fb9a02fc767c427)\n- [使用 TypeScript 装饰器装饰你的代码](https://juejin.im/post/5d15e13fe51d45108f254242)\n\n\n### Vue\n\n#### 文档\n\n- [Vue.js](https://cn.vuejs.org/) - 渐进式JavaScript 框架\n- [Vuex](https://vuex.vuejs.org/zh/) - 专为Vue.js应用程序开发的状态管理模式\n- [Vue Router](https://router.vuejs.org/zh-cn/) -  Vue.js官方的路由管理器\n- [Vue CLI3](https://cli.vuejs.org/zh/) - Vue.js开发的标准工具\n- [Vue CLI2](https://github.com/vuejs/vue-cli/tree/v2#vue-cli--) - A simple CLI for scaffolding Vue.js projects\n- [Vue Loader](https://vue-loader.vuejs.org/zh/guide/#vue-cli) - Vue组件的webpack loader\n- [Vue插件开发指南](https://cli.vuejs.org/zh/dev-guide/plugin-dev.html) - Vue CLI3的插件开发指南手册\n- [Vue SSR 指南](https://ssr.vuejs.org/zh/) - Vue.js服务器端渲染指南\n- [eslint-plugin-vue](https://vuejs.github.io/eslint-plugin-vue/) - Official ESLint plugin for Vue.js\n\n#### 应用\n- [Nuxt](https://zh.nuxtjs.org/guide/installation/) - Vue.js通用应用框架(服务端渲染)\n- [Vue Apollo](https://akryum.github.io/vue-apollo/) - 在你的 Vue.js 应用中集成 GraphQL\n- [Vue I18n](http://kazupon.github.io/vue-i18n/) - Vue.js国际化插件\n- [Vue Test Utils](https://vue-test-utils.vuejs.org/) - Vue.js 官方的单元测试实用工具库\n- [VuePress 1.x](https://v1.vuepress.vuejs.org/zh/) - Vue 驱动的静态网站生成器\n\n\n#### 源码分析\n\n- [MVVM](https://github.com/ziyi2/mvvm) - 基于Vue的简易MVVM实现\n- [DMQ/MVVM](https://github.com/DMQ/mvvm/issues) - 剖析Vue实现原理，如何实现双向绑定mvvm\n- [剖析 Vue.js 内部运行机制](https://github.com/answershuto/learnVue)  - 掘金小册\n- [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) - 全方位细致深度解析Vue.js的实现原理\n- [深度剖析：如何实现一个 Virtual DOM 算法](https://github.com/livoras/blog/issues/13)\n- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别\n- [为什么Proxy可以优化vue的数据监听机制](https://juejin.im/post/5bfe3360518825653a231f33)\n- [【Vue原理】Watch - 源码版](https://juejin.im/post/5d2065f2518825747817131a)\n- [Vue.js的computed和watch是如何工作的？](https://juejin.im/post/5b87f13bf265da436479f3c1)\n- [深入理解Vue的watch实现原理及其实现方式](https://juejin.im/post/5af908ea5188254265399009)\n- [Vue nextTick 机制](https://juejin.im/post/5ae3f0956fb9a07ac90cf43e)\n\n#### UI组件库\n\n- [element-ui](https://github.com/ElemeFE/element) - 基于Vue2.0的饿了么桌面端组件库\n- [muse-ui](https://github.com/museui/muse-ui) - 基于Vue 2.0优雅的Material Design UI组件库\n- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design 的 Vue 实现\n- [buefy](https://buefy.github.io/#/) - Lightweight UI components for Vue.js based on Bulma\n- [Vue Material](https://vuematerial.io/) - Build beautiful apps with Material Design and Vue.js\n\n#### 中台前端\n\n- [vue-antd-admin](https://github.com/iczer/vue-antd-admin) - 一个开箱即用的中后台前端/设计解决方案\n- [ant-design-pro-vue](https://github.com/sendya/ant-design-pro-vue) - 开箱即用的中台前端/设计解决方案\n\n#### 脚手架\n\n- [vue-typescript-starter](https://github.com/ws456999/vue-typescript-starter) - vue-typescript-starter 脚手架\n\n\n#### 插件\n\n- [cli-plugin](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue) - Vue官方插件\n- [vue-cli-plugin-i18n](https://github.com/kazupon/vue-cli-plugin-i18n) - Vue I18n插件\n\n#### 工具\n- [nuxt-property-decorator](https://github.com/nuxt-community/nuxt-property-decorator) - nuxt属性修饰器\n\n#### 社区\n\n- [Vue中文子论坛](https://forum.vuejs.org/c/chinese)\n- [Vue.js专业中文社区](https://www.vue-js.com/)\n\n#### 会议\n\n- [VueConf](https://vue.w3ctech.com/) - Vue.js开发者大会\n\n\n#### 博文\n\n- [[译] 尤雨溪：Vue 3.0 计划](https://www.vue-js.com/topic/5bbc65bad87c33e71a870ba3) - 介绍Vue 3.0带来的新特性\n- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别\n- [使用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)\n- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) \n- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)\n- [美团点评点餐 Nuxt.js 实战](https://juejin.im/post/598aabe96fb9a03c335a8dde#heading-10)\n- [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110)\n- [Vue2.0 探索之路——生命周期和钩子函数的一些理解](https://segmentfault.com/a/1190000008010666)\n- [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)\n- [离职后才搞懂vue项目开发流程中的疑惑点](https://juejin.im/post/5c488a3cf265da615705cc2a)\n- [Vuex 带来全新的编程体验](https://juejin.im/post/5c3c911ce51d455231347a7a)\n- [vue-cli3 从搭建到优化](https://juejin.im/post/5c3c544c6fb9a049d37f5903)\n- [what-i-learned-from-analysis-vuepress](https://juejin.im/post/5dc42ebb6fb9a04a9378381c)\n- [少年，撸猫吗](https://juejin.im/post/5d5137066fb9a06b2a203214)\n- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)\n\n### React\n\n#### 文档\n- [React](https://zh-hans.reactjs.org/)\n- [Create React App 中文文档](https://www.html.cn/create-react-app/)\n- [React Router](https://react-router.docschina.org/)\n- [Redux](https://redux.js.org/)\n- [Redux Toolkit](https://redux-toolkit.js.org/introduction/quick-start)\n- [RxJS 中文文档](https://cn.rx.js.org/)\n- [redux-observable](https://redux-observable-cn.js.org/)\n- [React Lifecycle](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)\n\n#### UI组件库\n\n- [Ant Design](https://ant.design/index-cn) - 基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品\n- [Salt UI](https://salt-ui.github.io/) - 高效、简洁的移动端UI组件库\n\n\n#### 博文\n\n- [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27)\n- [React 的性能优化（一）当 PureComponent 遇上 ImmutableJS](https://segmentfault.com/a/1190000011408775#articleHeader3)\n- [[译] React-Redux 官方 Hooks 文档说明](http://react-china.org/t/topic/34076)\n- [渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs](https://juejin.im/post/5bc887ba6fb9a05d265991d5)\n- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)\n- [Redux 入门教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)\n- [Redux 入门教程（二）：中间件与异步操作](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)\n- [Redux 入门教程（三）：React-Redux 的用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)\n- [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data)\n- [2020 年你应该知道的 React 库](https://juejin.im/post/5e4e1b07e51d4527143e44be)\n- [React Hooks 究竟有多慢？](https://juejin.im/post/5e3ac653e51d45270b7d4e3d)\n- [终于搞懂 React Hooks了！！！！！](https://juejin.im/post/5e53d9116fb9a07c9070da44)\n- [关于Vue和React的一些对比及个人思考（中）](https://juejin.im/post/5e292746e51d451c8771d16e)\n- [[译] React-Redux 官方 Hooks 文档说明](https://juejin.im/post/5d6600a4f265da03e1688883)\n- [React 开发必须知道的 34 个技巧【近1W字】](https://juejin.im/post/5dcb5a80e51d4520db19b906)\n- [使用70行代码配合hooks重新实现react-redux](https://juejin.im/post/5be6150551882511a8526955)\n- [使用 React Hooks + Context 打造简版 Redux](https://juejin.im/post/5d5501cd6fb9a06aee362a9d)\n- [2019年了，整理了N个实用案例帮你快速迁移到React Hooks](https://juejin.im/post/5d594ea5518825041301bbcb)\n- [React Hooks 详解 【近 1W 字】+ 项目实战](https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d)\n- [React16：Hooks总览，拥抱函数式 (这大概是最全的React Hooks吧)](https://juejin.im/post/5cb5705ee51d456e6e38921d)\n- [React hooks实践](https://juejin.im/post/5c4d7122e51d4556940c15cb)\n- [30分钟精通React Hooks](https://juejin.im/post/5be3ea136fb9a049f9121014)\n- [Redux-thunk快速入门](https://juejin.im/post/5b035c0c51882565bd258f12)\n- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)\n- [RxJS入门](https://juejin.im/post/597fe587518825563e037bd3)\n- [[译] 看动画，学 RxJS](https://juejin.im/post/58cd146a61ff4b0060277d32)\n- [使用 redux-observable 实现组件自治](https://juejin.im/post/5b798501f265da43473130a1)\n- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下）](https://juejin.im/post/5b3dd2d25188251b193d2d7e)\n- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上）](https://juejin.im/post/5b39e63ae51d4562aa017c81)\n- [[译] 关于 React Router 4 的一切](https://juejin.im/post/5995a2506fb9a0249975a1a4)\n- [React路由鉴权](https://juejin.im/post/5d6352116fb9a06ae8361932)\n- [react-router4基于react-router-config的路由拆分与按需加载](https://juejin.im/post/5a3880b56fb9a0451a767f07)\n- [快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践](https://juejin.im/post/5a6e364c518825733c144d67)\n- [从0到1快速构建基于create-react-app的脚手架](https://juejin.im/post/5b0374f751882542ba0814f9)\n- [【长文慎入】一文吃透 React SSR 服务端渲染和同构原理](https://juejin.im/post/5d7deef6e51d453bb13b66cd)\n- [技术胖的2019新版React全家桶免费视频（84集）](https://juejin.im/post/5d817a15f265da039929a761)\n- [React组件设计实践总结02 - 组件的组织](https://juejin.im/post/5cd8fb916fb9a03218556fc1)\n- [React组件设计实践总结01 - 类型检查](https://juejin.im/post/5cd7f2c4e51d453a7d63b715)\n- [[译] 2019 React Redux 完全指南](https://juejin.im/post/5cac8ccd6fb9a068530111c7)\n- [掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)\n](https://juejin.im/post/5d085be0f265da1bac401937)\n\n#### 源码解析\n\n- [React 源码解析](https://react.jokcy.me/)\n- [React源码系列(一): 总结看源码心得及方法感受 #1](https://github.com/jsonz1993/react-source-learn/issues/1)\n- [React 源码全方位剖析](http://www.sosout.com/2018/08/12/react-source-analysis.html)\n\n\n### Webpack\n\n#### 文档\n\n- [Webpack](https://www.webpackjs.com/) - 静态模块打包器\n- [深入浅出Webpack](http://webpack.wuhaolin.cn/) \n\n#### 工具\n\n- [webpack-chain](https://github.com/neutrinojs/webpack-chain) - 生成和修改Webpack配置信息的链式API集\n\n#### 博文\n\n- [入门 Webpack，看这篇就够了](https://segmentfault.com/a/1190000006178770) - Webpack科普类博文\n- [Webpack 入门指迷](https://segmentfault.com/a/1190000002551952) - Webpack科普类博文\n- [Webpack 大法之 Code Splitting](https://zhuanlan.zhihu.com/p/26710831) - 缩小打包体积\n- [彻底解决Webpack打包性能问题](https://zhuanlan.zhihu.com/p/21748318)\n- [让你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)\n- [import、require、export、module.exports 混合使用详解](https://segmentfault.com/a/1190000012386576)\n- [前端构建秘籍](https://juejin.im/post/5c9075305188252d5c743520)\n- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)\n- [html-webpack-plugin 使用总结](https://juejin.im/post/5ce96ad7e51d455a2f2201e1)\n- [带你深度解锁Webpack系列(优化篇)](https://juejin.im/post/5e6cfdc85188254913107c1f)\n- [玩转 webpack，使你的打包速度提升 90%](https://juejin.im/post/5e53dbbc518825494905c45f)\n- [看完这篇，面试再也不怕被问 Webpack 热更新](https://juejin.im/post/5d8b755fe51d45781332e919)\n- [成长 | 一年时间，0 到 30000](https://juejin.im/post/5d86084b6fb9a06b2650d227)\n- [webpack4入门](https://juejin.im/post/5d6356faf265da03e1688423)\n\n### Gulp\n\n- [Gulp中文网](https://www.gulpjs.com.cn/) - 用自动化构建工具增强你的工作流程！\n\n### Babel\n\n#### 文档\n\n- [Babel](https://www.babeljs.cn/) - JavaScript编译器\n\n#### 插件集\n\n- [@vue/babel-preset-app](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app) - Vue CLI3的Babel插件集\n- [@babel/preset-env](https://github.com/babel/babel/tree/master/packages/babel-preset-env) - Babel插件集\n\n\n\n#### 博文\n\n- [你真的会用Babel吗？](https://juejin.im/post/59b9ffa8f265da06710d8e89#comment) - 全面了解Babel\n- [再见，babel-preset-2015](https://zhuanlan.zhihu.com/p/29506685)\n- [Deploying ES2015+ Code in Production Today](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/)\n- [【建议改成】读完这篇你还不懂Babel我给你寄口罩](https://juejin.im/post/5e477139f265da574c566dda)\n\n\n### Node.js\n\n#### 文档\n\n- [Node.js文档](http://nodejs.cn/api/)\n- [mongoose](https://mongoosejs.com/) - elegant mongodb object modeling for node.js\n- [mongoose](https://mongoosedoc.top/) - 中文版\n\n#### 应用\n\n- [linkerd2](https://linkerd.io/) - Linkerd gives you observability, reliability, and security for your microservices\n- [Express](https://expressjs.com/zh-cn/) - 高度包容、快速而极简的 Node.js Web 框架\n- [Koa](https://koa.bootcss.com/) - 基于Node.js平台的下一代web开发框架\n- [Egg](https://eggjs.org/zh-cn/index.html) - better enterprise frameworks and apps with Node.js & Koa\n- [Socket.io](https://socket.io/#examples) - websocket\n- [Node Redis](https://github.com/NodeRedis/node_redis)\n\n#### 工具\n\n- [pm2](https://pm2.io/) - The Most Advanced Production Process Manager for Node.js\n\n#### 博文\n\n##### 命令行工具\n- [Node.js+commander开发命令行工具](https://www.jianshu.com/p/2cae952250d1) \n- [Node.js 命令行程序开发教程](http://www.ruanyifeng.com/blog/2015/05/command-line-with-node.html) - 阮一峰\n\n##### 数据库\n- [Mongoose the Typescript way…?](https://stackoverflow.com/questions/34482136/mongoose-the-typescript-way)\n- [mongoose Population 连表／关联使用](https://www.jianshu.com/p/d700ad062083)\n- [支撑日活百万用户的高并发系统，应该如何设计其数据库架构？【石杉的架构笔记】](https://juejin.im/post/5c6a9f25518825787e69e70a)\n\n##### 框架\n\n- [Node.js环境性能监控](https://juejin.im/post/5c71324b6fb9a049d37fbb7c) - Egg框架\n- [说说 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)\n\n##### 微服务\n- [微服务架构入门](https://segmentfault.com/a/1190000015018291)\n- [微服务简介](https://segmentfault.com/a/1190000015798054)\n\n##### BFF\n- [微服务下使用GraphQL构建BFF](https://github.com/fanly/reading/issues/244)\n- [大前端架构思考与选择](https://www.jianshu.com/p/bb8ac7db7e2d)\n\n##### Typescript\n\n- [使用 TypeScript 开发 Node.js](https://juejin.im/entry/59c09867f265da06560457c3)\n\n##### 爬虫\n\n- [手把手教你做爬虫](https://blog.csdn.net/yezhenxu1992/article/details/50820629)\n- [关于爬虫，就此封键盘](https://zhuanlan.zhihu.com/p/22097627)\n- [PHP, Python, Node.js 哪个比较适合写爬虫？](https://www.zhihu.com/question/23643061)\n- [基于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)\n- [简单高效的nodejs爬虫模型](https://cnodejs.org/topic/584a18289ff0dbf333450901)\n\n### Npm\n\n#### 文档\n\n- [npm中文文档](https://www.npmjs.com.cn/)\n\n#### 博文\n\n- [[译] npm 的经济风云 —— 上半部分](https://juejin.im/post/5d146225e51d4556db694a4b)\n- [前端工程化（5）：你所需要的npm知识储备都在这了](https://juejin.im/post/5d08d3d3f265da1b7e103a4d)\n\n### Yarn\n\n#### 文档\n\n\n- [yarn](https://yarn.bootcss.com/) - 快速、可靠、安全的依赖管理工具。\n- [Workspaces in Yarn](https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/)\n- [工作区](https://yarnpkg.com/zh-Hans/docs/workspaces)\n\n### Lerna\n\n#### 文档\n- [Lerna](https://lernajs.io/) - A tool for managing JavaScript projects with multiple packages\n\n\n#### 博文\n\n- [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/) - 多项目单仓库思考\n- [Open Sourcing CloudFlare’s UI Framework](https://blog.cloudflare.com/cf-ui/) - 使用Lerna开源的UI框架设计\n- [monorepo 新浪潮 | introduce lerna](https://github.com/pigcan/blog/issues/3) - Lerna介绍\n- [Why is Babel a monorepo?](https://github.com/babel/babel/blob/master/doc/design/monorepo.md)\n- [lerna管理前端packages的最佳实践](https://juejin.im/post/5a989fb451882555731b88c2)\n\n### Git\n\n#### 文档\n\n- [Git](https://git-scm.com/doc) - Documentation\n- [Git教程](https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) - 廖雪峰\n- [commit_msg](https://git-scm.com/docs/githooks#_commit_msg) - git钩子文档\n- [Git 分支 - 变基](https://git-scm.com/book/zh/v2/Git-%E5%88%86%E6%94%AF-%E5%8F%98%E5%9F%BA)\n- [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) - 语义化版本控制规范\n\n#### 规范\n\n- [Angular规范](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#heading=h.greljkmo14y0) \n\n#### 工具\n\n- [cz-cli](https://github.com/commitizen/cz-cli) - cz工具\n- [cz-customizable](https://github.com/leonardoanalista/cz-customizable) - cz适配器\n- [@commitlint/config-conventional](https://github.com/marionebl/commitlint/tree/master/@commitlint/config-conventional)  - cz适配器\n- [commitlint](https://github.com/marionebl/commitlint) - cz校验工具\n- [commitlint-config-cz](https://github.com/whizark/commitlint-config-cz) - cz校验工具的校验规则\n- [validate-commit-msg](https://github.com/Frikki/validate-commit-message) - cz校验工具\n- [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog) - cz日志生成器\n\n#### 网站\n\n- [HELLO GITHUB](https://hellogithub.com/) - 分享 GitHub 上有趣、入门级的开源项目\n\n#### 博文\n\n- [如何让你的 GitHub 项目表面上更专业](https://juejin.im/post/5d312fb6f265da1b60293c51)\n- [git-flow 的工作流程](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow)\n- [如何使用 Issue 管理软件项目？](http://www.ruanyifeng.com/blog/2017/08/issue.html)\n- [Git 工作流程](http://www.ruanyifeng.com/blog/2015/12/git-workflow.html)\n- [为无线前端团队打造高效git工作流](https://juejin.im/post/5b2b76e251882574934c388d)\n- [GitHub 新出的 Actions 是什么? 用他做自动测试?](https://juejin.im/post/5d5378e9f265da03d72811a1)\n\n### GraphQL\n\n#### 文档\n- [GraphQL](https://graphql.github.io/) - A query language for your API\n- [Prisma OSS Documentation](https://oss.prisma.io/) - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...) \n- [Apollo Client](https://www.apollographql.com/docs/react/) - Apollo Client is the best way to use GraphQL to build client applications\n\n#### 应用\n- [graphql-yoga](https://github.com/prisma/graphql-yoga) - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience\n- [graphql-middleware](https://github.com/prisma/graphql-middleware) - Split up your GraphQL resolvers in middleware functions\n\n#### 博文\n\n- [30分钟理解GraphQL核心概念](https://segmentfault.com/a/1190000014131950) \n- [Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers](https://www.prisma.io/blog/graphql-middleware-zie3iphithxy/)\n- [RPC vs REST vs GraphQL](https://segmentfault.com/a/1190000013961872)\n- [GraphQL从入门到实战](https://juejin.im/post/5cd68a9b51882568047fa6eb)\n\n\n### Nginx\n\n#### 文档\n\n- [nginx](https://nginx.org/en/)\n- [Nginx开发从入门到精通](http://tengine.taobao.org/book/#nginx)\n\n#### 博文\n\n- [前端必会的 Nginx入门视频教程(共11集)](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)\n- [前端开发者必备的Nginx知识](https://juejin.im/post/5c85a64d6fb9a04a0e2e038c)\n\n### 微前端\n\n- [微前端的那些事儿](https://microfrontends.cn/)\n- [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html)\n- [微前端入门](https://juejin.im/post/5d8adb8ff265da5ba12cd173)\n- [Web Components](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components)\n- [Web Components 入门实例教程](http://www.ruanyifeng.com/blog/2019/08/web_components.html)\n- [了解什么是微前端](https://juejin.im/post/5d1f19e3f265da1bab29ce5f)\n- [[译] 微前端](https://juejin.im/post/5d0e367b6fb9a07ebf4b781a)\n\n### Serverless\n\n- [Serverless 掀起新的前端技术变革](https://zhuanlan.zhihu.com/p/65914436)\n- [云计算的三种服务模式：IaaS，PaaS和SaaS](https://www.jianshu.com/p/b96d4ad71b57)\n\n### 中台\n\n- [漫画：什么是中台？](https://juejin.im/post/5d995f82f265da5ba308389d#comment)\n- [中台是什么，到底要解决什么问题？](https://juejin.im/post/5d8093c251882579f24fb9ed)\n\n### 监控\n\n- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)\n- [把前端监控做到极致](https://juejin.im/post/5a52f138f265da3e5b32a41b)\n- [全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能](https://juejin.im/post/5d5ba2c6f265da03a653195e)\n- [“前端+应用”两大监控利器商业化首发 ARMS领跑APM市场](https://juejin.im/post/5aa892ce518825558154aa8d)\n- [通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕](https://juejin.im/post/5afc3d0351882542664301d0)\n- [UEM“探针”技术及用户体验管理](https://juejin.im/post/5d283c16f265da1b7004d647)\n\n### 客户端\n\n- [简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink](https://juejin.im/post/5c0492a36fb9a049e82b435a)\n- [从用 AngularJS 开发 PC 客户端说起](https://segmentfault.com/a/1190000004178969)\n- [互联网:桌面客户端框架技术选型](https://www.sohu.com/a/251582457_100259554)\n- [漫谈windows桌面客户端的UI框架](https://www.dazhuanlan.com/2019/09/29/5d8f936a633a2/)\n- [小白必看，JSBridge 初探](https://juejin.im/post/5e5248216fb9a07cb0314fc9)\n- [分享这半年的 Electron 应用开发和优化经验](https://juejin.im/post/5e0010866fb9a015fd69c645)\n- [Electron 从零到一](https://juejin.im/post/5dad8141f265da5b873c778b)\n- [浅谈Native、Web App、Hybrid、RN 和 Weex优劣](https://juejin.im/post/59c0b5265188256bd871e9bd)\n- [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)\n- [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)\n- [前端构造桌面级应用（QQ音乐）](https://juejin.im/post/5bfcb417e51d452e5e70ea8a)\n- [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1)\n- [Hybrid 开发：JsBridge - Web 和客户端的桥](https://juejin.im/post/58cdeba62f301e007e4af7e6)\n- [JSBridge实战](https://juejin.im/post/5bda6f276fb9a0226d18931f)\n- [高并发IM系统架构优化实践](https://juejin.im/post/5b1e2cc15188257d4529804b)\n- [给客户端同学的一份前端学习指南](https://juejin.im/post/5be2c66df265da61715dd19b)\n- [2000万日订单背后：美团外卖客户端高可用建设体系](https://juejin.im/post/5b10afc06fb9a01e39624d3d)\n\n### docker\n\n- [如何使用 docker 部署前端应用](https://juejin.im/post/5c83cbaa6fb9a04a0f65fdaa)\n\n### 地图\n\n- [OpenLayers](https://openlayers.org/)\n- [OpenLayers 3 Primer](http://weilin.me/ol3-primer/index.html) - OpenLayers 3使用的入门教程\n\n\n### 测试\n\n#### 文档\n\n- [Vue Test Utils](https://vue-test-utils.vuejs.org/zh/) - Vue.js 官方的单元测试实用工具库\n- [Jest](https://jestjs.io/) - Jest is a delightful JavaScript Testing Framework with a focus on simplicity\n- [Nightwatch.js](http://nightwatchjs.org/) - Browser automated testing, the easy way\n- [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.\n- [Chai](https://www.chaijs.com/) - 断言库\n- [Karma](http://karma-runner.github.io/latest/index.html) - A simple tool that allows you to execute JavaScript code in multiple real browsers\n\n#### 博文\n\n- [测试框架 Mocha 实例教程](http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html) - 阮一峰\n- [测试覆盖（率）到底有什么用？](https://www.infoq.cn/article/test-coverage-rate-role)\n\n\n### 部署\n\n#### 博文\n \n- [大公司里怎样开发和部署前端代码？](https://www.zhihu.com/question/20790576/answer/32602154) - 张云龙解答\n- [前端开发如何让持续集成/持续部署(CI/CD)跑起来](https://zhuanlan.zhihu.com/p/26701038)\n- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)\n\n### Fonts\n\n#### 应用\n\n- [Font Awesome](http://www.fontawesome.com.cn/)\n- [Font Awesome](http://www.bootcss.com/p/font-awesome/) - 完美的图标字体只为Bootstrap设计\n- [Free Icons](https://icons8.com/icons) - Get free icons designed to combine perfectly and fit into the style of your design\n- [[译] 深入浅出 SVG](https://juejin.im/post/5ad84f296fb9a045e8011be1)\n\n\n### 浏览器\n\n#### Chrome插件\n\n- [Google翻译](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=zh-CN)\n- [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) - Vue调试工具\n- [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=zh-CN) - Github源码文件浏览工具\n- [谷歌访问助手](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浏览器\n- [马克飞象](https://chrome.google.com/webstore/detail/marxico/kidnkfckhbdkfgbicccmdggmpgogehop)\n\n\n#### 兼容性\n\n- [Can I use](https://caniuse.com/#tables) - 查询浏览器兼容性\n- [browserl.ist](https://browserl.ist/) - A page to display compatible browsers from a browserslist string\n\n\n#### 博文\n\n- [为何浏览器控制台的JavaScript引擎性能这么差？](https://www.zhihu.com/question/29352114)\n- [前端效能提升之不可忽略的 Chrome 插件](https://juejin.im/post/5ddca3cbe51d4523601740ae)\n- [你真的了解回流和重绘吗](https://juejin.im/post/5c6cb7b4f265da2dae511a3d)\n- [浏览器的回流与重绘 (Reflow & Repaint)](https://juejin.im/post/5a9923e9518825558251c96a)\n\n\n### Visual Studio Code\n\n#### 插件\n\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code\n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Prettier formatter for Visual Studio Code\n- [Vuetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tooling for VS Code, powered by vue-language-server\n\n\n### 移动端\n\n#### 博文\n\n- [指尖下的js —— 多触式web前端开发之三：处理复杂手势](https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html)\n- [H5 键盘兼容性小结](https://juejin.im/post/5c6d1c8b6fb9a049de6df441)\n- [再学Android之WebView](https://juejin.im/post/5cff8c27f265da1bae38f1c1)\n- [web移动端布局的那些事儿](https://juejin.im/post/5b6575b0518825196b01fd85)\n- [移动端布局适配](https://juejin.im/post/5d4574aff265da03e61af359)\n- [关于移动端适配，你必须要知道的](https://juejin.im/post/5cddf289f265da038f77696c)\n\n### 算法\n\n#### 文档\n\n- [《算法导论》答案](https://www.kancloud.cn/windmissing/algorithms-my-answer/115225)\n- [目錄：演算法與資料結構](http://alrightchiu.github.io/SecondRound/mu-lu-yan-suan-fa-yu-zi-liao-jie-gou.html)\n\n#### 示例\n\n- [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) - Algorithms and data structures implemented in JavaScript with explanations and links to further readings\n- [CLRS](https://github.com/gzc/CLRS) - Solutions to Introduction to Algorithms\n\n#### 工具\n\n- [函数图像绘制工具](https://zh.numberempire.com/graphingcalculator.php)\n- [Desmos](https://www.desmos.com/calculator) - Graphing Calculator\n- [MathJax与LaTex公式简介 (转载)](https://www.cnblogs.com/linxd/p/4955530.html)\n- [MathJax basic tutorial and quick reference](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference/5044)\n\n#### 博文\n\n- [为什么算法渐进复杂度中对数的底数总为2](http://blog.codinglabs.org/articles/why-logarithm-base-of-asymptotic-time-complexity-always-two.html)\n- [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1)\n- [LeetCode 攻略 - 2019 年 7 月上半月汇总（55 题攻略）](https://juejin.im/post/5d2c19f45188252d1d5f9307)\n\n### 博客\n\n#### 应用\n\n- [Hexo](https://hexo.io/zh-cn/docs/index.html) - Hexo 是一个快速、简洁且高效的博客框架\n- [Next](http://theme-next.iissnan.com/) - Elegant Theme for Hexo\n- [icarus](https://github.com/ppoffice/hexo-theme-icarus) - A simple, delicate, and modern theme for the static site generator Hexo\n- [Yelee](http://moxfive.coding.me/yelee/) - 简而不减 Hexo 双栏博客主题\n- [LeanCloud](https://leancloud.cn/dashboard/login.html#/signin) - 博客评论\n\n### Markdown\n\n#### 工具\n\n- [马克飞象](https://maxiang.io/)\n\n#### 文档\n- [Markdown 常用公式(github 编辑公式)](https://blog.csdn.net/lihaoweicsdn/article/details/83895143)\n\n### 设计\n\n#### 工具\n\n- [coolors](https://coolors.co/browser/latest/1) - 颜色搭配设计\n\n#### 文章\n\n- [设计小测试！教你制作完美的Favicon图标(附神器)](http://www.uisdc.com/design-perfect-favicon-icon)\n\n### 职业\n\n- [16年毕业的前端er在杭州求职ing](https://juejin.im/post/5a64541bf265da3e2d338862)\n- [我在淘宝做前端的这三年 — 第一年](https://juejin.im/post/5c74d4b9e51d4512c37ea03b)\n- [我在淘宝做前端的这三年 — 第二年](https://juejin.im/post/5c7dafe8f265da2de25bab27)\n- [我在淘宝做前端的这三年 — 第三年](https://juejin.im/post/5c811e426fb9a04a0c2f3bdb)\n- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)\n- [一位前端 2018 绝地求生记](https://juejin.im/post/5c36fe50518825253b5e94f4)\n- [职业路线：前端工程师的晋升逻辑到底是什么](https://juejin.im/post/5d7312f46fb9a06b1d2166e1)\n- [今天聊：你晋升失败的原因是什么](https://juejin.im/post/5e847b295188257375467466)\n- [如何成为公司独当一面的工程师](https://juejin.im/post/5dd4cc71f265da0bca7899cf)\n- [一名合格的程序员应该是什么样子](https://juejin.im/post/5d1574275188251a966bda58)\n- [25 岁，毕业写前端的这三年](https://juejin.im/post/5cd8c361f265da03a33c5521)\n- [职场瓶颈：2~4 年前端走出离职困境与舒适区](https://juejin.im/post/5cd15648f265da038145eeb9)\n\n\n### 团队\n\n- [第二届搞基建|堂主 - 如何推动前端团队的基础设施建设](https://juejin.im/post/5e644a65518825495d69bca6)\n- [前端API层架构，也许你做得还不够](https://juejin.im/post/5de7169451882512454b18d8)\n- [if 我是前端Leader，谈谈前端框架体系建设](https://juejin.im/post/5decf88f51882512327a510a)\n- [有赞开源项目最佳实践](https://juejin.im/post/5b03871df265da0ba6102022)\n- [技术栈：小菜前端的技术栈是如何规划和演进的](https://juejin.im/post/5c99c17df265da6129788ae2)\n- [滴滴后市场前端技术体系](https://juejin.im/post/5a3dd19b6fb9a0452846b159)\n- [大型项目前端架构浅谈（8000字原创）](https://juejin.im/post/5cea1f705188250640005472)\n- [https://juejin.im/post/5d1c6550518825330a3bfa01](https://juejin.im/post/5d1c6550518825330a3bfa01)\n\n### 协议\n\n- [MIT License](http://choosealicense.online/licenses/mit/)\n\n### 工具\n\n#### 文档\n\n- [ohmyzsh](https://github.com/ohmyzsh/ohmyzsh) \n- [iterm2](https://www.iterm2.com/)\n- [Homebrew](https://brew.sh/)\n- [dash](https://kapeli.com/dash)\n- [Worktile](https://worktile.com/) - 团队协作\n- [图表秀](https://sso.tubiaoxiu.com/login?service=https://www.tubiaoxiu.com/srv/login/cas)\n- [从前端开发攻城狮的角度打造更好用的 Mac OS](https://github.com/rccoder/blog/issues/22)\n- [oh-my-zsh让终端好用到飞起~](https://juejin.im/post/5d773da76fb9a06aff5e9a99)\n\n#### 博文\n\n- [简明 VIM 练级攻略](https://coolshell.cn/articles/5426.html)\n\n### 低代码\n\n- [前端生产方式：过去 10 年回顾和未来 10 年展望](https://juejin.im/post/5e81874be51d4546d23bf9b4)\n- [第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema](https://juejin.im/post/5e8835d0518825738a5ac929)\n- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（上篇）](https://juejin.im/post/5e8160db51882573b435f5cc)\n- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（下篇）](https://juejin.im/post/5e82e1156fb9a03c3c350a51)\n- [React无门槛实现拖拽布局、表单设计器](https://juejin.im/post/5dabb52bf265da5b616de75d)\n- [格式校验利器：JSON Schema 简介](https://juejin.im/post/5b5533e3e51d45195c0747b8)\n- [JSON Schema与表单验证](https://juejin.im/post/58bcdd4461ff4b006cf66c2c)\n- [json-schema 可视化编辑器发布了](https://juejin.im/post/5aab954a518825557005c6cd)\n\n### 可视化\n\n- [颜值即正义！这几个库颠覆你对数据交互的想象](https://juejin.im/post/5de53fa15188256ed6123a1d)\n\n### 稳定性\n\n- [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1)\n- [前端代码质量-圈复杂度原理和实践](https://juejin.im/post/5da34216e51d4578502c24c5)\n- [要进大厂？前端灰度发布必须要知道](https://juejin.im/post/5da88d795188252f051e2b47)\n- [从前端程序员的视角看小程序的稳定性保障](https://juejin.im/post/5c77ab516fb9a049ba424413)\n\n### 总结\n\n- [2019年前端大事件回顾：流年笑掷，未来可期](https://juejin.im/post/5def782ce51d4558181d27ce)\n- [一套比较完整的前端技术选型，需要规整哪些东西，你知道不？](https://juejin.im/post/5b28d4fbe51d45587b47fd43)\n- [前端技术全景展望](https://juejin.im/post/5b8df06fe51d4538b9427998)\n- [前端技术体系大局观](https://zhuanlan.zhihu.com/p/23185351)\n- [掘金排行前5000大佬 | 掘金文章排行 看这里](https://juejin.im/post/5d57f9a6f265da03b1204953)\n- [这些年掘金上的优质前端文章，篇篇经典，一次打包带走！](https://juejin.im/post/5d42f4f46fb9a06adb7fc2a1)\n- [精读《前端未来展望》](https://juejin.im/post/5d2d207b5188257aa971ee33)\n- [阿里前端委员会主席圆心：未来前端的机会在哪里？](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)\n- [哪些技术会决定前端开发者的未来发展？](https://juejin.im/post/5d1589c8e51d45776031b02e)\n\n## 全栈\n\n- [「真®全栈之路」Web前端开发的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)\n- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)\n\n## 面试\n\n### 面经\n\n- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)\n- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)\n- [【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我](https://juejin.im/post/5d23e750f265da1b855c7bbe)\n- [2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文](https://juejin.im/post/5b94d8965188255c5a0cdc02)\n- [2019 面试系列 - 简历](https://juejin.im/post/5d05ca79f265da1bc75237ea)\n- [JavaScript-面试](https://segmentfault.com/a/1190000015863923?utm_source=tag-newest#articleHeader0)\n- [Javascript 面试核心考点(基础版)](https://github.com/ljianshu/Blog/issues/63)\n- [jsliang 的 2019 面试准备](https://juejin.im/post/5c8e4cd3f265da67c87454a0)\n- [从面试题看 JS 事件循环与 macro micro 任务队列](https://juejin.im/post/5c8a024d51882546be0a3082)\n- [总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)](https://juejin.im/post/5b44a485e51d4519945fb6b7)\n- [面试 -- 网络 HTTP](https://juejin.im/post/5872309261ff4b005c4580d4)\n- [中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)](https://juejin.im/post/5c64d15d6fb9a049d37f9c20)\n- [(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂](https://juejin.im/post/5cc26dfef265da037b611738)\n- [面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~](https://juejin.im/post/5e731c4c51882549112b5c2d)\n- [中高级前端开发高频面试题](https://juejin.im/post/5ceaaaf0e51d45508c2fb7c0)\n- [前端工程师面试必备（持续更新中）](%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)\n- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)\n- [你要的 React 面试知识点，都在这了](https://juejin.im/post/5cf0733de51d4510803ce34e)\n- [大揭秘！“恐怖”的阿里一面，我究竟想问什么](https://juejin.im/post/5d4cd42a6fb9a06aea618155)\n- [你要的Vue面试题都在这里。](https://juejin.im/post/5d13436f6fb9a07eca698ba0)\n- [面试官：自己搭建过vue开发环境吗？](https://juejin.im/post/5cc55c336fb9a032086dd701)\n\n### 站点\n\n- [前端进阶之道](https://yuchengkai.cn/) - 不容错过的前端进阶资料\n- [前端面试与进阶指南](https://www.cxymsg.com/) - 可能是全网最给力的前端面试项目\n- [前端工程师手册](https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html)\n\n### 书籍\n\n- 《前端面试江湖》\n\n"
  },
  {
    "path": "docs/.vuepress/config.js",
    "content": "var nav = require('./links/nav.js');\n// var sidebar = require('./links/sidebar.js');\n\nmodule.exports = {\n  base: '/awesome/',\n  title: 'Awesome-FE',\n  description: '前端资源汇集',\n  themeConfig: {\n    nav,\n  },\n};\n"
  },
  {
    "path": "docs/.vuepress/links/nav.js",
    "content": "module.exports = [\n  {\n    text: 'Awesomes',\n    link: '/awesomes',\n  },\n  {\n    text: '博客',\n    link: '/blogs',\n  },\n  {\n    text: '笔记',\n    link: '/notes',\n  },\n  {\n    text: '书籍',\n    link: '/books',\n  },\n  {\n    text: '书签',\n    link: '/bookmarks',\n  },\n  {\n    text: '面试',\n    link: '/interviews',\n  },\n  {\n    text: '最近阅读',\n    link: 'recently',\n  },\n  {\n    text: 'GitHub',\n    link: 'https://github.com/ziyi2/awesome',\n  },\n];\n"
  },
  {
    "path": "docs/README.md",
    "content": "---\nhome: true\nheroImage: /wangwang.gif\nactionText: 开始检索\nactionLink: /awesomes\nfooter:\n---\n"
  },
  {
    "path": "docs/awesomes.md",
    "content": "---\nsidebar: auto\n---\n\n# Awesomes\n\n**一个好的 Awesome 可以使人快速入门。**\n\n## 全部\n\n- [awesome](https://github.com/sindresorhus/awesome) - Awesome lists about all kinds of interesting topics\n- [awesome-awesome](https://github.com/emijrp/awesome-awesome) - A curated list of awesome curated lists of many topics.\n- [awesome-awesome-awesome](https://github.com/jonatasbaldin/awesome-awesome-awesome) - Awesome list of repositories of awesome lists\n\n## 图标\n\n- [Font Awesome](https://github.com/FortAwesome/Font-Awesome) - The iconic SVG, font, and CSS toolkit\n\n## 语言\n\n- [awesome-javascript](https://github.com/sorrycc/awesome-javascript) - A collection of awesome browser-side JavaScript libraries, resources and shiny things.\n- [awesome-css](https://github.com/awesome-css-group/awesome-css) - A curated contents of amazing CSS :)\n- [awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources\n- [Front-End-Develop-Guide](https://github.com/icepy/Front-End-Develop-Guide) - 这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成\n- [knowledge](https://github.com/f2e-awesome/knowledge) - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。\n- [awesome-javascript-cn](https://github.com/jobbole/awesome-javascript-cn) - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等\n\n## 框架\n\n- [awesome-vue](https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js\n- [awesome-react](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem\n- [awesome-wechat-weapp](https://github.com/justjavac/awesome-wechat-weapp) - 微信小程序开发资源汇总\n- [awesome-graphql](https://github.com/chentsulin/awesome-graphql) - Awesome list of GraphQL & Relay\n- [Awesome Redux](https://github.com/xgrommx/awesome-redux) - Awesome list of Redux examples and middlewares\n- [awesome-github-vue](https://github.com/opendigg/awesome-github-vue) - Vue 相关开源项目库汇总\n- [awesome-github-wechat-weapp](https://github.com/opendigg/awesome-github-wechat-weapp) - 微信小程序开源项目库汇总\n- [awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt) - A curated list of awesome things related to Nuxt.js\n- [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)\n\n## UI\n\n- [awesome-ui-component-library](https://github.com/anubhavsrivastava/awesome-ui-component-library) - Curated list of framework component libraries for UI styles/toolkit\n- [awesome-react-components](https://github.com/brillout/awesome-react-components) - Curated List of React Components & Libraries.\n\n## 架构\n\n- [awesome-architecture](https://github.com/toutiaoio/awesome-architecture) - 架构师技术图谱，助你早日成为架构师\n\n## 书籍 / 书签\n\n- [awesome-books](https://github.com/guanpengchn/awesome-books) - 开发者推荐阅读的书籍\n- [awesome-programming-books](https://github.com/royeo/awesome-programming-books) - 经典技术书籍推荐，持续更新...\n- [awesome-bookmarks](https://github.com/PanJiaChen/awesome-bookmarks)\n\n## 软件 / 工具\n\n- [awesome-mac](https://github.com/jaywcjlove/awesome-mac) - Collect premium software in various categories\n- [awesome-vscode](https://github.com/viatsko/awesome-vscode) - A curated list of delightful VS Code packages and resources.\n- [Awesome-Design-Tools](https://github.com/LisaDziuba/Awesome-Design-Tools) - The best design tools and plugins for everything\n- [awesome-webpack](https://github.com/webpack-contrib/awesome-webpack) - A curated list of awesome Webpack resources, libraries and tools\n- [awesome-gulp](https://github.com/alferov/awesome-gulp) - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation\n- [awesome-github](https://github.com/AntBranch/awesome-github) - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue\n- [awesome-npm](https://github.com/sindresorhus/awesome-npm) - Awesome npm resources and tips\n\n## 文档\n\n- [awesome-resume](https://github.com/resumejob/awesome-resume) - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版\n\n- [awesome-interview-questions](https://github.com/MaximAbramchuck/awesome-interview-questions) - A curated awesome list of lists of interview questions. Feel free to contribute!\n- [awesome-webpack-cn](https://github.com/webpack-china/awesome-webpack-cn) - webpack 优秀中文文章\n"
  },
  {
    "path": "docs/blogs.md",
    "content": "---\nsidebar: auto\n---\n\n# 博客\n\n**有些文章写了，但可能还没理解透彻。**\n\n## CSS\n\n- [清除和去除浮动](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/)\n\n## Vue\n\n- [Vue CLI 3 构建库时对于产生 Polyfill 的问题分析](https://github.com/ziyi2/ziyi2.github.io/issues/1)\n- [Vue CLI 3 缓存旧版本的 VUE 组件(npm 包)问题](https://github.com/ziyi2/ziyi2.github.io/issues/2)\n- [Vue CLI 3 结合 Lerna 进行 UI 设计](https://github.com/ziyi2/awesomes-front-end/edit/master/README.md)\n- [Vue 源码分析 - nextTick](https://github.com/ziyi2/ziyi2.github.io/issues/5)\n- [基于 Vue 的简易 MVVM 实现](https://github.com/ziyi2/ziyi2.github.io/issues/8)\n\n## 设计模式\n\n- [MV\\* 架构设计模式的演变历史](https://github.com/ziyi2/mvvm/blob/master/doc/history.md) - 了解 MVC、MVP 以及 MVVM 的演变历史\n- [观察者模式和发布/订阅模式](https://github.com/ziyi2/mvvm/blob/master/doc/mode.md)\n- [mvvm](https://github.com/ziyi2/mvvm) - 模拟 Vue 的简易实现\n\n## Git\n\n- [Cz 工具集使用介绍 - 规范 Git 提交说明](https://github.com/ziyi2/ziyi2.github.io/issues/6)\n\n## Npm\n\n- [Npm 发布和使用命令行(CLI)工具](https://github.com/ziyi2/ziyi2.github.io/issues/7)\n\n## 面试\n\n- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)\n- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)\n\n## 总结\n\n- [2019 前端之路 | 掘金年度征文](https://juejin.im/post/5e11ef3b6fb9a0483a135fa7)\n\n## 随笔\n\n- [莫泊桑短篇小说简评](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/)\n- [那一年，我毕业了](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/)\n- [他](http://www.ziyi2.cn/2017/09/24/%E4%BB%96/)\n- [挪威的森林里](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/)\n"
  },
  {
    "path": "docs/bookmarks.md",
    "content": "---\nsidebar: auto\n---\n\n# 书签\n\n**有些书签收藏了，但可能永远不会再打开。**\n\n## HTTP\n\n### 文档\n\n- [计算机通识-网络](https://yuchengkai.cn/docs/cs/#udp)\n\n### 博文\n\n- [Service Worker 从入门到出门](https://juejin.im/post/5d26aec1f265da1ba56b47ea)\n- [图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理](https://juejin.im/post/5b555f055188251af25700aa)\n\n### 应用\n\n- [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\n\n### 博文\n\n- [跨域资源共享 CORS 详解](http://www.ruanyifeng.com/blog/2016/04/cors.html)  - 阮一峰\n- [浏览器缓存知识小结及应用](http://www.cnblogs.com/lyzg/p/5125934.html?from=cnblogs)\n- [GET方法与POST方法的区别](https://www.cnblogs.com/sunny-sl/p/6529830.html)\n- [[译] SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd)\n- [彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0](https://blog.csdn.net/liyi1009365545/article/details/84780476)\n- [前端跨域整理](https://juejin.im/post/5815f4abbf22ec006893b431)\n\n\n## CSS\n\n### 文档\n\n- [CSS Snapshot 2018](https://www.w3.org/TR/css-2018/#indices) - w3c\n- [CSS](https://developer.mozilla.org/zh-CN/docs/Learn/CSS) - MDN web docs\n- [DevDocs API Documentation CSS](https://docs.segmentfault.com/css/) \n- [BEM](https://en.bem.info/) - class命名规范\n- [Less 中文网](http://lesscss.cn/)\n- [Sass](https://sass-lang.com/)\n- [PostCSS](https://postcss.org/)\n\n\n### 应用\n\n- [Bootstrap](https://v4.bootcss.com/) - Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目\n- [Bootstrap Table](https://bootstrap-table.com/)\n- [Bulma](https://bulma.io/) - Bulma is a free, open source CSS framework based on Flexbox\n- [FLEXBOX FROGGY](http://flexboxfroggy.com/#zh-cn) - 学 Flex 的小游戏\n\n### 后台模板\n\n- [WrapPixel](https://www.wrappixel.com/) - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits\n- [Remark](https://getbootstrapadmin.com/remark/base/index.html) - Responsive Bootstrap 4 Admin Template\n- [ampleadmin](https://wrappixel.com/ampleadmin/ampleadmin-html/ampleadmin/index.html) - Bootstrap Admin Template\n\n### 博文\n\n- [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/) - 张鑫旭\n- [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/) - 张鑫旭\n- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭\n- [我对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/) - 张鑫旭\n- [CSS实现单行、多行文本溢出显示省略号](http://www.daqianduan.com/6179.html)\n- [Flex 布局教程](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) - 阮一峰\n- [我所知道的几种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/) - 张鑫旭\n- [[译] 这些 CSS 命名规范将省下你大把调试时间](https://juejin.im/post/5a6c5881518825733201daf7)\n- [等高分栏布局小结](https://www.cnblogs.com/lyzg/p/5164593.html)\n- [css写作建议和性能优化小结](https://segmentfault.com/a/1190000011390896)\n- [CSS定位属性详解](https://juejin.im/post/5a1bb35ff265da43231ab164)\n- [[译] Web 流式文字排版的现状](https://juejin.im/post/5d267d9de51d45773d4686ab)\n\n\n## JavaScript\n\n### 文档\n\n- [ECMAScript 6 入门](http://es6.ruanyifeng.com/) - 开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性\n\n### 工具\n\n- [ESLint](https://cn.eslint.org/) - 可组装的JavaScript和JSX检查工具\n- [Prettier](https://prettier.io/) - An opinionated code formatter\n- [CKEditor 4](https://ckeditor.com/ckeditor-4/) - Smart WYSIWYG HTML editor\n\n### 应用\n\n- [lodash](https://lodash.com/) - A modern JavaScript utility library delivering modularity, performance & extras\n- [jQuery](https://jquery.com/)\n- [zTree](https://github.com/zTree/zTree_v3) - jQuery Tree Plugin\n\n### 博文\n\n#### 设计模式\n- [Scaling Isomorphic Javascript Code](https://blog.nodejitsu.com/scaling-isomorphic-javascript-code/) \n- [Understanding JavaServer Pages Model 2 architecture](https://www.javaworld.com/article/2076557/understanding-javaserver-pages-model-2-architecture.html)\n- [GUI Architectures](https://martinfowler.com/eaaDev/uiArchs.html) \n- [界面之下：还原真实的MV*模式](https://github.com/livoras/blog/issues/11) \n- [ES7 Decorator 装饰者模式](http://taobaofed.org/blog/2015/11/16/es7-decorator/)\n- [javascript设计模式系列](https://www.cnblogs.com/webFrontDev/p/3553402.html)\n- [框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结](https://www.jianshu.com/p/b42a26623aeb?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation)\n- [[译] 什么将会替代 JavaScript 呢？](https://juejin.im/post/5daa897c6fb9a04e3902f4e6)\n\n#### 机制\n- [从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](https://mp.weixin.qq.com/s/vIKDUrbuxVNQMi_g_fiwUA)  - 全面了解JS单线程\n- [Forcing Garbage Collection in node.js and JavaScript](https://www.xarg.org/2016/06/forcing-garbage-collection-in-node-js-and-javascript/) - 强制垃圾回收\n\n#### 语法\n- [如何实现一个深拷贝](https://juejin.im/post/5c45112e6fb9a04a027aa8fe)\n- [获取元素CSS值之getComputedStyle方法熟悉](https://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/) - 张鑫旭\n- [Object()的方法一览](https://juejin.im/post/5937699efe88c20061eb412d)\n- [Promise之你看得懂的Promise](https://juejin.im/post/5b32f552f265da59991155f0)\n- [深入理解 JavaScript 的类型转换](https://juejin.im/post/5d1587f4e51d4510664d1715)\n- [【JS 进阶】你真的掌握变量和类型了吗](https://juejin.im/post/5cec1bcff265da1b8f1aa08f)\n- [记一次面试题，正则表达式(?=a)是什么意思？](https://juejin.im/post/5ceb7d9df265da1b8811ba7f)\n- [【JS迷你书】类型转换之拆箱操作](https://juejin.im/post/5ccfb58f518825405a198fcd)\n- [《三分钟阅读》7个有用的JavaScript技巧](https://juejin.im/post/5cc6f07ce51d456e3a5f089b)\n- [我是如何将业务代码写优雅的](https://juejin.im/post/5cc7d540e51d456e537ef39e)\n- [JS中的null和undefined,undefined为啥用void 0代替?\n](https://juejin.im/post/5cc58a72e51d456e845b4289)\n- [async/await 优雅的错误处理方法](https://juejin.im/post/5c49eb28f265da613a545a4b)\n- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)\n\n#### 工具\n\n- [使用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)\n- [eslint prettier的配置选项（参数）官网直译](https://segmentfault.com/a/1190000012909159)\n- [A Comparison of JavaScript Linting Tools](https://www.sitepoint.com/comparison-javascript-linting-tools/) - JSLint，JSHint，JSCS和ESLint对比\n- [一个日期处理类库moment.js](https://juejin.im/post/5abe07e0f265da237507029e)\n- [Prettier 介绍与基本用法](https://juejin.im/post/5ae91143f265da0ba60f97ea)\n\n#### 性能优化\n\n- [让老板虎躯一震的前端技术](https://juejin.im/post/5c3ff18b6fb9a04a0a5f76aa) - 掘金\n- [前端优化不完全指南](https://aotu.io/notes/2016/03/16/optimization/)\n\n\n#### 风格指南\n\n- [Google JavaScript 代码风格指南](https://juejin.im/post/5bd01d4a518825781e647e90)\n- [JavaScript 代码简洁之道](https://juejin.im/post/5c24b7a851882509a76875e8)\n\n\n## TypeScirpt\n\n### 文档\n\n- [TypeScirpt](https://www.tslang.cn/) - JavaScript的超集\n- [TypeScript 入门教程](https://ts.xcatliu.com/)\n\n### 博文\n\n- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) \n- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)\n- [TS 常见问题整理（60多个，持续更新ing）](https://juejin.im/post/5e33fcd06fb9a02fc767c427)\n- [使用 TypeScript 装饰器装饰你的代码](https://juejin.im/post/5d15e13fe51d45108f254242)\n\n\n## Vue\n\n### 文档\n\n- [Vue.js](https://cn.vuejs.org/) - 渐进式JavaScript 框架\n- [Vuex](https://vuex.vuejs.org/zh/) - 专为Vue.js应用程序开发的状态管理模式\n- [Vue Router](https://router.vuejs.org/zh-cn/) -  Vue.js官方的路由管理器\n- [Vue CLI3](https://cli.vuejs.org/zh/) - Vue.js开发的标准工具\n- [Vue CLI2](https://github.com/vuejs/vue-cli/tree/v2#vue-cli--) - A simple CLI for scaffolding Vue.js projects\n- [Vue Loader](https://vue-loader.vuejs.org/zh/guide/#vue-cli) - Vue组件的webpack loader\n- [Vue插件开发指南](https://cli.vuejs.org/zh/dev-guide/plugin-dev.html) - Vue CLI3的插件开发指南手册\n- [Vue SSR 指南](https://ssr.vuejs.org/zh/) - Vue.js服务器端渲染指南\n- [eslint-plugin-vue](https://vuejs.github.io/eslint-plugin-vue/) - Official ESLint plugin for Vue.js\n\n### 应用\n- [Nuxt](https://zh.nuxtjs.org/guide/installation/) - Vue.js通用应用框架(服务端渲染)\n- [Vue Apollo](https://akryum.github.io/vue-apollo/) - 在你的 Vue.js 应用中集成 GraphQL\n- [Vue I18n](http://kazupon.github.io/vue-i18n/) - Vue.js国际化插件\n- [Vue Test Utils](https://vue-test-utils.vuejs.org/) - Vue.js 官方的单元测试实用工具库\n- [VuePress 1.x](https://v1.vuepress.vuejs.org/zh/) - Vue 驱动的静态网站生成器\n\n\n### 源码分析\n\n- [MVVM](https://github.com/ziyi2/mvvm) - 基于Vue的简易MVVM实现\n- [DMQ/MVVM](https://github.com/DMQ/mvvm/issues) - 剖析Vue实现原理，如何实现双向绑定mvvm\n- [剖析 Vue.js 内部运行机制](https://github.com/answershuto/learnVue)  - 掘金小册\n- [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/) - 全方位细致深度解析Vue.js的实现原理\n- [深度剖析：如何实现一个 Virtual DOM 算法](https://github.com/livoras/blog/issues/13)\n- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别\n- [为什么Proxy可以优化vue的数据监听机制](https://juejin.im/post/5bfe3360518825653a231f33)\n- [【Vue原理】Watch - 源码版](https://juejin.im/post/5d2065f2518825747817131a)\n- [Vue.js的computed和watch是如何工作的？](https://juejin.im/post/5b87f13bf265da436479f3c1)\n- [深入理解Vue的watch实现原理及其实现方式](https://juejin.im/post/5af908ea5188254265399009)\n- [Vue nextTick 机制](https://juejin.im/post/5ae3f0956fb9a07ac90cf43e)\n\n### UI组件库\n\n- [element-ui](https://github.com/ElemeFE/element) - 基于Vue2.0的饿了么桌面端组件库\n- [muse-ui](https://github.com/museui/muse-ui) - 基于Vue 2.0优雅的Material Design UI组件库\n- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design 的 Vue 实现\n- [buefy](https://buefy.github.io/#/) - Lightweight UI components for Vue.js based on Bulma\n- [Vue Material](https://vuematerial.io/) - Build beautiful apps with Material Design and Vue.js\n\n### 中台前端\n\n- [vue-antd-admin](https://github.com/iczer/vue-antd-admin) - 一个开箱即用的中后台前端/设计解决方案\n- [ant-design-pro-vue](https://github.com/sendya/ant-design-pro-vue) - 开箱即用的中台前端/设计解决方案\n\n### 脚手架\n\n- [vue-typescript-starter](https://github.com/ws456999/vue-typescript-starter) - vue-typescript-starter 脚手架\n\n\n### 插件\n\n- [cli-plugin](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue) - Vue官方插件\n- [vue-cli-plugin-i18n](https://github.com/kazupon/vue-cli-plugin-i18n) - Vue I18n插件\n\n### 工具\n- [nuxt-property-decorator](https://github.com/nuxt-community/nuxt-property-decorator) - nuxt属性修饰器\n\n### 社区\n\n- [Vue中文子论坛](https://forum.vuejs.org/c/chinese)\n- [Vue.js专业中文社区](https://www.vue-js.com/)\n\n### 会议\n\n- [VueConf](https://vue.w3ctech.com/) - Vue.js开发者大会\n\n\n### 博文\n\n- [[译] 尤雨溪：Vue 3.0 计划](https://www.vue-js.com/topic/5bbc65bad87c33e71a870ba3) - 介绍Vue 3.0带来的新特性\n- [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) - 了解$nextTick中macrotask和microtask的区别\n- [使用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)\n- [vue + typescript 新项目起手式](https://segmentfault.com/a/1190000011744210) \n- [vue + typescript 进阶篇](https://segmentfault.com/a/1190000011878086)\n- [美团点评点餐 Nuxt.js 实战](https://juejin.im/post/598aabe96fb9a03c335a8dde#heading-10)\n- [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110)\n- [Vue2.0 探索之路——生命周期和钩子函数的一些理解](https://segmentfault.com/a/1190000008010666)\n- [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)\n- [离职后才搞懂vue项目开发流程中的疑惑点](https://juejin.im/post/5c488a3cf265da615705cc2a)\n- [Vuex 带来全新的编程体验](https://juejin.im/post/5c3c911ce51d455231347a7a)\n- [vue-cli3 从搭建到优化](https://juejin.im/post/5c3c544c6fb9a049d37f5903)\n- [what-i-learned-from-analysis-vuepress](https://juejin.im/post/5dc42ebb6fb9a04a9378381c)\n- [少年，撸猫吗](https://juejin.im/post/5d5137066fb9a06b2a203214)\n- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)\n\n## React\n\n### 文档\n- [React](https://zh-hans.reactjs.org/)\n- [Create React App 中文文档](https://www.html.cn/create-react-app/)\n- [React Router](https://react-router.docschina.org/)\n- [Redux](https://redux.js.org/)\n- [Redux Toolkit](https://redux-toolkit.js.org/introduction/quick-start)\n- [RxJS 中文文档](https://cn.rx.js.org/)\n- [redux-observable](https://redux-observable-cn.js.org/)\n- [React Lifecycle](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)\n\n### UI组件库\n\n- [Ant Design](https://ant.design/index-cn) - 基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品\n- [Salt UI](https://salt-ui.github.io/) - 高效、简洁的移动端UI组件库\n\n\n### 博文\n\n- [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27)\n- [React 的性能优化（一）当 PureComponent 遇上 ImmutableJS](https://segmentfault.com/a/1190000011408775#articleHeader3)\n- [[译] React-Redux 官方 Hooks 文档说明](http://react-china.org/t/topic/34076)\n- [渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs](https://juejin.im/post/5bc887ba6fb9a05d265991d5)\n- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)\n- [Redux 入门教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)\n- [Redux 入门教程（二）：中间件与异步操作](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)\n- [Redux 入门教程（三）：React-Redux 的用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)\n- [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data)\n- [2020 年你应该知道的 React 库](https://juejin.im/post/5e4e1b07e51d4527143e44be)\n- [React Hooks 究竟有多慢？](https://juejin.im/post/5e3ac653e51d45270b7d4e3d)\n- [终于搞懂 React Hooks了！！！！！](https://juejin.im/post/5e53d9116fb9a07c9070da44)\n- [关于Vue和React的一些对比及个人思考（中）](https://juejin.im/post/5e292746e51d451c8771d16e)\n- [[译] React-Redux 官方 Hooks 文档说明](https://juejin.im/post/5d6600a4f265da03e1688883)\n- [React 开发必须知道的 34 个技巧【近1W字】](https://juejin.im/post/5dcb5a80e51d4520db19b906)\n- [使用70行代码配合hooks重新实现react-redux](https://juejin.im/post/5be6150551882511a8526955)\n- [使用 React Hooks + Context 打造简版 Redux](https://juejin.im/post/5d5501cd6fb9a06aee362a9d)\n- [2019年了，整理了N个实用案例帮你快速迁移到React Hooks](https://juejin.im/post/5d594ea5518825041301bbcb)\n- [React Hooks 详解 【近 1W 字】+ 项目实战](https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d)\n- [React16：Hooks总览，拥抱函数式 (这大概是最全的React Hooks吧)](https://juejin.im/post/5cb5705ee51d456e6e38921d)\n- [React hooks实践](https://juejin.im/post/5c4d7122e51d4556940c15cb)\n- [30分钟精通React Hooks](https://juejin.im/post/5be3ea136fb9a049f9121014)\n- [Redux-thunk快速入门](https://juejin.im/post/5b035c0c51882565bd258f12)\n- [Immutable 操作在 React 中的实践](https://juejin.im/post/5aefff6a518825672a02d7d8)\n- [RxJS入门](https://juejin.im/post/597fe587518825563e037bd3)\n- [[译] 看动画，学 RxJS](https://juejin.im/post/58cd146a61ff4b0060277d32)\n- [使用 redux-observable 实现组件自治](https://juejin.im/post/5b798501f265da43473130a1)\n- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下）](https://juejin.im/post/5b3dd2d25188251b193d2d7e)\n- [React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上）](https://juejin.im/post/5b39e63ae51d4562aa017c81)\n- [[译] 关于 React Router 4 的一切](https://juejin.im/post/5995a2506fb9a0249975a1a4)\n- [React路由鉴权](https://juejin.im/post/5d6352116fb9a06ae8361932)\n- [react-router4基于react-router-config的路由拆分与按需加载](https://juejin.im/post/5a3880b56fb9a0451a767f07)\n- [快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践](https://juejin.im/post/5a6e364c518825733c144d67)\n- [从0到1快速构建基于create-react-app的脚手架](https://juejin.im/post/5b0374f751882542ba0814f9)\n- [【长文慎入】一文吃透 React SSR 服务端渲染和同构原理](https://juejin.im/post/5d7deef6e51d453bb13b66cd)\n- [技术胖的2019新版React全家桶免费视频（84集）](https://juejin.im/post/5d817a15f265da039929a761)\n- [React组件设计实践总结02 - 组件的组织](https://juejin.im/post/5cd8fb916fb9a03218556fc1)\n- [React组件设计实践总结01 - 类型检查](https://juejin.im/post/5cd7f2c4e51d453a7d63b715)\n- [[译] 2019 React Redux 完全指南](https://juejin.im/post/5cac8ccd6fb9a068530111c7)\n- [掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)\n](https://juejin.im/post/5d085be0f265da1bac401937)\n\n### 源码解析\n\n- [React 源码解析](https://react.jokcy.me/)\n- [React源码系列(一): 总结看源码心得及方法感受 #1](https://github.com/jsonz1993/react-source-learn/issues/1)\n- [React 源码全方位剖析](http://www.sosout.com/2018/08/12/react-source-analysis.html)\n\n\n## Webpack\n\n### 文档\n\n- [Webpack](https://www.webpackjs.com/) - 静态模块打包器\n- [深入浅出Webpack](http://webpack.wuhaolin.cn/) \n\n### 工具\n\n- [webpack-chain](https://github.com/neutrinojs/webpack-chain) - 生成和修改Webpack配置信息的链式API集\n\n### 博文\n\n- [入门 Webpack，看这篇就够了](https://segmentfault.com/a/1190000006178770) - Webpack科普类博文\n- [Webpack 入门指迷](https://segmentfault.com/a/1190000002551952) - Webpack科普类博文\n- [Webpack 大法之 Code Splitting](https://zhuanlan.zhihu.com/p/26710831) - 缩小打包体积\n- [彻底解决Webpack打包性能问题](https://zhuanlan.zhihu.com/p/21748318)\n- [让你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)\n- [import、require、export、module.exports 混合使用详解](https://segmentfault.com/a/1190000012386576)\n- [前端构建秘籍](https://juejin.im/post/5c9075305188252d5c743520)\n- [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394)\n- [html-webpack-plugin 使用总结](https://juejin.im/post/5ce96ad7e51d455a2f2201e1)\n- [带你深度解锁Webpack系列(优化篇)](https://juejin.im/post/5e6cfdc85188254913107c1f)\n- [玩转 webpack，使你的打包速度提升 90%](https://juejin.im/post/5e53dbbc518825494905c45f)\n- [看完这篇，面试再也不怕被问 Webpack 热更新](https://juejin.im/post/5d8b755fe51d45781332e919)\n- [成长 | 一年时间，0 到 30000](https://juejin.im/post/5d86084b6fb9a06b2650d227)\n- [webpack4入门](https://juejin.im/post/5d6356faf265da03e1688423)\n\n## Gulp\n\n- [Gulp中文网](https://www.gulpjs.com.cn/) - 用自动化构建工具增强你的工作流程！\n\n## Babel\n\n### 文档\n\n- [Babel](https://www.babeljs.cn/) - JavaScript编译器\n\n### 插件集\n\n- [@vue/babel-preset-app](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app) - Vue CLI3的Babel插件集\n- [@babel/preset-env](https://github.com/babel/babel/tree/master/packages/babel-preset-env) - Babel插件集\n\n\n\n### 博文\n\n- [你真的会用Babel吗？](https://juejin.im/post/59b9ffa8f265da06710d8e89#comment) - 全面了解Babel\n- [再见，babel-preset-2015](https://zhuanlan.zhihu.com/p/29506685)\n- [Deploying ES2015+ Code in Production Today](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/)\n- [【建议改成】读完这篇你还不懂Babel我给你寄口罩](https://juejin.im/post/5e477139f265da574c566dda)\n\n\n## Node.js\n\n### 文档\n\n- [Node.js文档](http://nodejs.cn/api/)\n- [mongoose](https://mongoosejs.com/) - elegant mongodb object modeling for node.js\n- [mongoose](https://mongoosedoc.top/) - 中文版\n\n### 应用\n\n- [linkerd2](https://linkerd.io/) - Linkerd gives you observability, reliability, and security for your microservices\n- [Express](https://expressjs.com/zh-cn/) - 高度包容、快速而极简的 Node.js Web 框架\n- [Koa](https://koa.bootcss.com/) - 基于Node.js平台的下一代web开发框架\n- [Egg](https://eggjs.org/zh-cn/index.html) - better enterprise frameworks and apps with Node.js & Koa\n- [Socket.io](https://socket.io/#examples) - websocket\n- [Node Redis](https://github.com/NodeRedis/node_redis)\n\n### 工具\n\n- [pm2](https://pm2.io/) - The Most Advanced Production Process Manager for Node.js\n\n### 博文\n\n#### 命令行工具\n- [Node.js+commander开发命令行工具](https://www.jianshu.com/p/2cae952250d1) \n- [Node.js 命令行程序开发教程](http://www.ruanyifeng.com/blog/2015/05/command-line-with-node.html) - 阮一峰\n\n#### 数据库\n- [Mongoose the Typescript way…?](https://stackoverflow.com/questions/34482136/mongoose-the-typescript-way)\n- [mongoose Population 连表／关联使用](https://www.jianshu.com/p/d700ad062083)\n- [支撑日活百万用户的高并发系统，应该如何设计其数据库架构？【石杉的架构笔记】](https://juejin.im/post/5c6a9f25518825787e69e70a)\n\n#### 框架\n\n- [Node.js环境性能监控](https://juejin.im/post/5c71324b6fb9a049d37fbb7c) - Egg框架\n- [说说 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)\n\n#### 微服务\n- [微服务架构入门](https://segmentfault.com/a/1190000015018291)\n- [微服务简介](https://segmentfault.com/a/1190000015798054)\n\n#### BFF\n- [微服务下使用GraphQL构建BFF](https://github.com/fanly/reading/issues/244)\n- [大前端架构思考与选择](https://www.jianshu.com/p/bb8ac7db7e2d)\n\n#### Typescript\n\n- [使用 TypeScript 开发 Node.js](https://juejin.im/entry/59c09867f265da06560457c3)\n\n#### 爬虫\n\n- [手把手教你做爬虫](https://blog.csdn.net/yezhenxu1992/article/details/50820629)\n- [关于爬虫，就此封键盘](https://zhuanlan.zhihu.com/p/22097627)\n- [PHP, Python, Node.js 哪个比较适合写爬虫？](https://www.zhihu.com/question/23643061)\n- [基于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)\n- [简单高效的nodejs爬虫模型](https://cnodejs.org/topic/584a18289ff0dbf333450901)\n\n## Npm\n\n### 文档\n\n- [npm中文文档](https://www.npmjs.com.cn/)\n\n### 博文\n\n- [[译] npm 的经济风云 —— 上半部分](https://juejin.im/post/5d146225e51d4556db694a4b)\n- [前端工程化（5）：你所需要的npm知识储备都在这了](https://juejin.im/post/5d08d3d3f265da1b7e103a4d)\n\n## Yarn\n\n### 文档\n\n\n- [yarn](https://yarn.bootcss.com/) - 快速、可靠、安全的依赖管理工具。\n- [Workspaces in Yarn](https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/)\n- [工作区](https://yarnpkg.com/zh-Hans/docs/workspaces)\n\n## Lerna\n\n### 文档\n- [Lerna](https://lernajs.io/) - A tool for managing JavaScript projects with multiple packages\n\n\n### 博文\n\n- [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/) - 多项目单仓库思考\n- [Open Sourcing CloudFlare’s UI Framework](https://blog.cloudflare.com/cf-ui/) - 使用Lerna开源的UI框架设计\n- [monorepo 新浪潮 | introduce lerna](https://github.com/pigcan/blog/issues/3) - Lerna介绍\n- [Why is Babel a monorepo?](https://github.com/babel/babel/blob/master/doc/design/monorepo.md)\n- [lerna管理前端packages的最佳实践](https://juejin.im/post/5a989fb451882555731b88c2)\n\n## Git\n\n### 文档\n\n- [Git](https://git-scm.com/doc) - Documentation\n- [Git教程](https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) - 廖雪峰\n- [commit_msg](https://git-scm.com/docs/githooks#_commit_msg) - git钩子文档\n- [Git 分支 - 变基](https://git-scm.com/book/zh/v2/Git-%E5%88%86%E6%94%AF-%E5%8F%98%E5%9F%BA)\n- [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) - 语义化版本控制规范\n\n### 规范\n\n- [Angular规范](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#heading=h.greljkmo14y0) \n\n### 工具\n\n- [cz-cli](https://github.com/commitizen/cz-cli) - cz工具\n- [cz-customizable](https://github.com/leonardoanalista/cz-customizable) - cz适配器\n- [@commitlint/config-conventional](https://github.com/marionebl/commitlint/tree/master/@commitlint/config-conventional)  - cz适配器\n- [commitlint](https://github.com/marionebl/commitlint) - cz校验工具\n- [commitlint-config-cz](https://github.com/whizark/commitlint-config-cz) - cz校验工具的校验规则\n- [validate-commit-msg](https://github.com/Frikki/validate-commit-message) - cz校验工具\n- [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog) - cz日志生成器\n\n### 网站\n\n- [HELLO GITHUB](https://hellogithub.com/) - 分享 GitHub 上有趣、入门级的开源项目\n\n### 博文\n\n- [如何让你的 GitHub 项目表面上更专业](https://juejin.im/post/5d312fb6f265da1b60293c51)\n- [git-flow 的工作流程](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow)\n- [如何使用 Issue 管理软件项目？](http://www.ruanyifeng.com/blog/2017/08/issue.html)\n- [Git 工作流程](http://www.ruanyifeng.com/blog/2015/12/git-workflow.html)\n- [为无线前端团队打造高效git工作流](https://juejin.im/post/5b2b76e251882574934c388d)\n- [GitHub 新出的 Actions 是什么? 用他做自动测试?](https://juejin.im/post/5d5378e9f265da03d72811a1)\n\n## GraphQL\n\n### 文档\n- [GraphQL](https://graphql.github.io/) - A query language for your API\n- [Prisma OSS Documentation](https://oss.prisma.io/) - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...) \n- [Apollo Client](https://www.apollographql.com/docs/react/) - Apollo Client is the best way to use GraphQL to build client applications\n\n### 应用\n- [graphql-yoga](https://github.com/prisma/graphql-yoga) - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience\n- [graphql-middleware](https://github.com/prisma/graphql-middleware) - Split up your GraphQL resolvers in middleware functions\n\n### 博文\n\n- [30分钟理解GraphQL核心概念](https://segmentfault.com/a/1190000014131950) \n- [Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers](https://www.prisma.io/blog/graphql-middleware-zie3iphithxy/)\n- [RPC vs REST vs GraphQL](https://segmentfault.com/a/1190000013961872)\n- [GraphQL从入门到实战](https://juejin.im/post/5cd68a9b51882568047fa6eb)\n\n\n## Nginx\n\n### 文档\n\n- [nginx](https://nginx.org/en/)\n- [Nginx开发从入门到精通](http://tengine.taobao.org/book/#nginx)\n\n### 博文\n\n- [前端必会的 Nginx入门视频教程(共11集)](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)\n- [前端开发者必备的Nginx知识](https://juejin.im/post/5c85a64d6fb9a04a0e2e038c)\n\n## 微前端\n\n- [微前端的那些事儿](https://microfrontends.cn/)\n- [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html)\n- [微前端入门](https://juejin.im/post/5d8adb8ff265da5ba12cd173)\n- [Web Components](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components)\n- [Web Components 入门实例教程](http://www.ruanyifeng.com/blog/2019/08/web_components.html)\n- [了解什么是微前端](https://juejin.im/post/5d1f19e3f265da1bab29ce5f)\n- [[译] 微前端](https://juejin.im/post/5d0e367b6fb9a07ebf4b781a)\n\n## Serverless\n\n- [Serverless 掀起新的前端技术变革](https://zhuanlan.zhihu.com/p/65914436)\n- [云计算的三种服务模式：IaaS，PaaS和SaaS](https://www.jianshu.com/p/b96d4ad71b57)\n\n## 中台\n\n- [漫画：什么是中台？](https://juejin.im/post/5d995f82f265da5ba308389d#comment)\n- [中台是什么，到底要解决什么问题？](https://juejin.im/post/5d8093c251882579f24fb9ed)\n\n## 监控\n\n- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)\n- [把前端监控做到极致](https://juejin.im/post/5a52f138f265da3e5b32a41b)\n- [全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能](https://juejin.im/post/5d5ba2c6f265da03a653195e)\n- [“前端+应用”两大监控利器商业化首发 ARMS领跑APM市场](https://juejin.im/post/5aa892ce518825558154aa8d)\n- [通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕](https://juejin.im/post/5afc3d0351882542664301d0)\n- [UEM“探针”技术及用户体验管理](https://juejin.im/post/5d283c16f265da1b7004d647)\n\n## 客户端\n\n- [简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink](https://juejin.im/post/5c0492a36fb9a049e82b435a)\n- [从用 AngularJS 开发 PC 客户端说起](https://segmentfault.com/a/1190000004178969)\n- [互联网:桌面客户端框架技术选型 ](https://www.sohu.com/a/251582457_100259554)\n- [漫谈windows桌面客户端的UI框架](https://www.dazhuanlan.com/2019/09/29/5d8f936a633a2/)\n- [小白必看，JSBridge 初探](https://juejin.im/post/5e5248216fb9a07cb0314fc9)\n- [分享这半年的 Electron 应用开发和优化经验](https://juejin.im/post/5e0010866fb9a015fd69c645)\n- [Electron 从零到一](https://juejin.im/post/5dad8141f265da5b873c778b)\n- [浅谈Native、Web App、Hybrid、RN 和 Weex优劣](https://juejin.im/post/59c0b5265188256bd871e9bd)\n- [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)\n- [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)\n- [前端构造桌面级应用（QQ音乐）](https://juejin.im/post/5bfcb417e51d452e5e70ea8a)\n- [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1)\n- [Hybrid 开发：JsBridge - Web 和客户端的桥](https://juejin.im/post/58cdeba62f301e007e4af7e6)\n- [JSBridge实战](https://juejin.im/post/5bda6f276fb9a0226d18931f)\n- [高并发IM系统架构优化实践](https://juejin.im/post/5b1e2cc15188257d4529804b)\n- [给客户端同学的一份前端学习指南](https://juejin.im/post/5be2c66df265da61715dd19b)\n- [2000万日订单背后：美团外卖客户端高可用建设体系](https://juejin.im/post/5b10afc06fb9a01e39624d3d)\n\n## docker\n\n- [如何使用 docker 部署前端应用](https://juejin.im/post/5c83cbaa6fb9a04a0f65fdaa)\n\n## 地图\n\n- [OpenLayers](https://openlayers.org/)\n- [OpenLayers 3 Primer](http://weilin.me/ol3-primer/index.html) - OpenLayers 3使用的入门教程\n\n\n## 测试\n\n### 文档\n\n- [Vue Test Utils](https://vue-test-utils.vuejs.org/zh/) - Vue.js 官方的单元测试实用工具库\n- [Jest](https://jestjs.io/) - Jest is a delightful JavaScript Testing Framework with a focus on simplicity\n- [Nightwatch.js](http://nightwatchjs.org/) - Browser automated testing, the easy way\n- [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.\n- [Chai](https://www.chaijs.com/) - 断言库\n- [Karma](http://karma-runner.github.io/latest/index.html) - A simple tool that allows you to execute JavaScript code in multiple real browsers\n\n### 博文\n\n- [测试框架 Mocha 实例教程](http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html) - 阮一峰\n- [测试覆盖（率）到底有什么用？](https://www.infoq.cn/article/test-coverage-rate-role)\n\n\n## 部署\n\n### 博文\n \n- [大公司里怎样开发和部署前端代码？](https://www.zhihu.com/question/20790576/answer/32602154) - 张云龙解答\n- [前端开发如何让持续集成/持续部署(CI/CD)跑起来](https://zhuanlan.zhihu.com/p/26701038)\n- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)\n\n## Fonts\n\n### 应用\n\n- [Font Awesome](http://www.fontawesome.com.cn/)\n- [Font Awesome](http://www.bootcss.com/p/font-awesome/) - 完美的图标字体只为Bootstrap设计\n- [Free Icons](https://icons8.com/icons) - Get free icons designed to combine perfectly and fit into the style of your design\n- [[译] 深入浅出 SVG](https://juejin.im/post/5ad84f296fb9a045e8011be1)\n\n\n## 浏览器\n\n### Chrome插件\n\n- [Google翻译](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=zh-CN)\n- [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) - Vue调试工具\n- [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=zh-CN) - Github源码文件浏览工具\n- [谷歌访问助手](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浏览器\n- [马克飞象](https://chrome.google.com/webstore/detail/marxico/kidnkfckhbdkfgbicccmdggmpgogehop)\n\n\n### 兼容性\n\n- [Can I use](https://caniuse.com/#tables) - 查询浏览器兼容性\n- [browserl.ist](https://browserl.ist/) - A page to display compatible browsers from a browserslist string\n\n\n### 博文\n\n- [为何浏览器控制台的JavaScript引擎性能这么差？](https://www.zhihu.com/question/29352114)\n- [前端效能提升之不可忽略的 Chrome 插件](https://juejin.im/post/5ddca3cbe51d4523601740ae)\n- [你真的了解回流和重绘吗](https://juejin.im/post/5c6cb7b4f265da2dae511a3d)\n- [浏览器的回流与重绘 (Reflow & Repaint)](https://juejin.im/post/5a9923e9518825558251c96a)\n\n\n## Visual Studio Code\n\n### 插件\n\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code\n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Prettier formatter for Visual Studio Code\n- [Vuetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tooling for VS Code, powered by vue-language-server\n\n\n## 移动端\n\n### 博文\n\n- [指尖下的js —— 多触式web前端开发之三：处理复杂手势](https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html)\n- [H5 键盘兼容性小结](https://juejin.im/post/5c6d1c8b6fb9a049de6df441)\n- [再学Android之WebView](https://juejin.im/post/5cff8c27f265da1bae38f1c1)\n- [web移动端布局的那些事儿](https://juejin.im/post/5b6575b0518825196b01fd85)\n- [移动端布局适配](https://juejin.im/post/5d4574aff265da03e61af359)\n- [关于移动端适配，你必须要知道的](https://juejin.im/post/5cddf289f265da038f77696c)\n\n## 算法\n\n### 文档\n\n- [《算法导论》答案](https://www.kancloud.cn/windmissing/algorithms-my-answer/115225)\n- [目錄：演算法與資料結構](http://alrightchiu.github.io/SecondRound/mu-lu-yan-suan-fa-yu-zi-liao-jie-gou.html)\n\n### 示例\n\n- [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) - Algorithms and data structures implemented in JavaScript with explanations and links to further readings\n- [CLRS](https://github.com/gzc/CLRS) - Solutions to Introduction to Algorithms\n\n### 工具\n\n- [函数图像绘制工具](https://zh.numberempire.com/graphingcalculator.php)\n- [Desmos](https://www.desmos.com/calculator) - Graphing Calculator\n- [MathJax与LaTex公式简介 (转载)](https://www.cnblogs.com/linxd/p/4955530.html)\n- [MathJax basic tutorial and quick reference](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference/5044)\n\n### 博文\n\n- [为什么算法渐进复杂度中对数的底数总为2](http://blog.codinglabs.org/articles/why-logarithm-base-of-asymptotic-time-complexity-always-two.html)\n- [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1)\n- [LeetCode 攻略 - 2019 年 7 月上半月汇总（55 题攻略）](https://juejin.im/post/5d2c19f45188252d1d5f9307)\n\n## 博客\n\n### 应用\n\n- [Hexo](https://hexo.io/zh-cn/docs/index.html) - Hexo 是一个快速、简洁且高效的博客框架\n- [Next](http://theme-next.iissnan.com/) - Elegant Theme for Hexo\n- [icarus](https://github.com/ppoffice/hexo-theme-icarus) - A simple, delicate, and modern theme for the static site generator Hexo\n- [Yelee](http://moxfive.coding.me/yelee/) - 简而不减 Hexo 双栏博客主题\n- [LeanCloud](https://leancloud.cn/dashboard/login.html#/signin) - 博客评论\n\n## Markdown\n\n### 工具\n\n- [马克飞象](https://maxiang.io/)\n\n### 文档\n- [Markdown 常用公式(github 编辑公式)](https://blog.csdn.net/lihaoweicsdn/article/details/83895143)\n\n## 设计\n\n### 工具\n\n- [coolors](https://coolors.co/browser/latest/1) - 颜色搭配设计\n\n### 文章\n\n- [设计小测试！教你制作完美的Favicon图标(附神器)](http://www.uisdc.com/design-perfect-favicon-icon)\n\n## 职业\n\n- [16年毕业的前端er在杭州求职ing](https://juejin.im/post/5a64541bf265da3e2d338862)\n- [我在淘宝做前端的这三年 — 第一年](https://juejin.im/post/5c74d4b9e51d4512c37ea03b)\n- [我在淘宝做前端的这三年 — 第二年](https://juejin.im/post/5c7dafe8f265da2de25bab27)\n- [我在淘宝做前端的这三年 — 第三年](https://juejin.im/post/5c811e426fb9a04a0c2f3bdb)\n- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)\n- [一位前端 2018 绝地求生记](https://juejin.im/post/5c36fe50518825253b5e94f4)\n- [职业路线：前端工程师的晋升逻辑到底是什么](https://juejin.im/post/5d7312f46fb9a06b1d2166e1)\n- [今天聊：你晋升失败的原因是什么](https://juejin.im/post/5e847b295188257375467466)\n- [如何成为公司独当一面的工程师](https://juejin.im/post/5dd4cc71f265da0bca7899cf)\n- [一名合格的程序员应该是什么样子](https://juejin.im/post/5d1574275188251a966bda58)\n- [25 岁，毕业写前端的这三年](https://juejin.im/post/5cd8c361f265da03a33c5521)\n- [职场瓶颈：2~4 年前端走出离职困境与舒适区](https://juejin.im/post/5cd15648f265da038145eeb9)\n\n\n## 团队\n\n- [第二届搞基建|堂主 - 如何推动前端团队的基础设施建设](https://juejin.im/post/5e644a65518825495d69bca6)\n- [前端API层架构，也许你做得还不够](https://juejin.im/post/5de7169451882512454b18d8)\n- [if 我是前端Leader，谈谈前端框架体系建设](https://juejin.im/post/5decf88f51882512327a510a)\n- [有赞开源项目最佳实践](https://juejin.im/post/5b03871df265da0ba6102022)\n- [技术栈：小菜前端的技术栈是如何规划和演进的](https://juejin.im/post/5c99c17df265da6129788ae2)\n- [滴滴后市场前端技术体系](https://juejin.im/post/5a3dd19b6fb9a0452846b159)\n- [大型项目前端架构浅谈（8000字原创）](https://juejin.im/post/5cea1f705188250640005472)\n- [https://juejin.im/post/5d1c6550518825330a3bfa01](https://juejin.im/post/5d1c6550518825330a3bfa01)\n\n## 协议\n\n- [MIT License](http://choosealicense.online/licenses/mit/)\n\n## 工具\n\n### 文档\n\n- [ohmyzsh](https://github.com/ohmyzsh/ohmyzsh) \n- [iterm2](https://www.iterm2.com/)\n- [Homebrew](https://brew.sh/)\n- [dash](https://kapeli.com/dash)\n- [Worktile](https://worktile.com/) - 团队协作\n- [图表秀](https://sso.tubiaoxiu.com/login?service=https://www.tubiaoxiu.com/srv/login/cas)\n- [从前端开发攻城狮的角度打造更好用的 Mac OS](https://github.com/rccoder/blog/issues/22)\n- [oh-my-zsh让终端好用到飞起~](https://juejin.im/post/5d773da76fb9a06aff5e9a99)\n\n### 博文\n\n- [简明 VIM 练级攻略](https://coolshell.cn/articles/5426.html)\n\n## 低代码\n\n- [前端生产方式：过去 10 年回顾和未来 10 年展望](https://juejin.im/post/5e81874be51d4546d23bf9b4)\n- [第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema](https://juejin.im/post/5e8835d0518825738a5ac929)\n- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（上篇）](https://juejin.im/post/5e8160db51882573b435f5cc)\n- [第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（下篇）](https://juejin.im/post/5e82e1156fb9a03c3c350a51)\n- [React无门槛实现拖拽布局、表单设计器](https://juejin.im/post/5dabb52bf265da5b616de75d)\n- [格式校验利器：JSON Schema 简介](https://juejin.im/post/5b5533e3e51d45195c0747b8)\n- [JSON Schema与表单验证](https://juejin.im/post/58bcdd4461ff4b006cf66c2c)\n- [json-schema 可视化编辑器发布了](https://juejin.im/post/5aab954a518825557005c6cd)\n\n## 可视化\n\n- [颜值即正义！这几个库颠覆你对数据交互的想象](https://juejin.im/post/5de53fa15188256ed6123a1d)\n\n## 稳定性\n\n- [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1)\n- [前端代码质量-圈复杂度原理和实践](https://juejin.im/post/5da34216e51d4578502c24c5)\n- [要进大厂？前端灰度发布必须要知道](https://juejin.im/post/5da88d795188252f051e2b47)\n- [从前端程序员的视角看小程序的稳定性保障](https://juejin.im/post/5c77ab516fb9a049ba424413)\n\n## 总结\n\n- [2019年前端大事件回顾：流年笑掷，未来可期](https://juejin.im/post/5def782ce51d4558181d27ce)\n- [一套比较完整的前端技术选型，需要规整哪些东西，你知道不？](https://juejin.im/post/5b28d4fbe51d45587b47fd43)\n- [前端技术全景展望](https://juejin.im/post/5b8df06fe51d4538b9427998)\n- [前端技术体系大局观](https://zhuanlan.zhihu.com/p/23185351)\n- [掘金排行前5000大佬 | 掘金文章排行 看这里](https://juejin.im/post/5d57f9a6f265da03b1204953)\n- [这些年掘金上的优质前端文章，篇篇经典，一次打包带走！](https://juejin.im/post/5d42f4f46fb9a06adb7fc2a1)\n- [精读《前端未来展望》](https://juejin.im/post/5d2d207b5188257aa971ee33)\n- [阿里前端委员会主席圆心：未来前端的机会在哪里？](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)\n- [哪些技术会决定前端开发者的未来发展？](https://juejin.im/post/5d1589c8e51d45776031b02e)\n\n## 全栈\n\n- [「真®全栈之路」Web前端开发的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)\n- [从零搭建docker+jenkins+node.js自动化部署环境](https://juejin.im/post/5b8ddb70e51d45389153f288)\n"
  },
  {
    "path": "docs/books.md",
    "content": "---\nsidebar: auto\n---\n\n# 书籍\n\n**有些书买了，但是可能永远也没时间看。**\n\n## HTML\n\n- [ ] 《HTML5 与 CSS3 权威指南》- 陆凌牛 - 机械工业出版社\n\n## JavaScript\n\n- [x] 《JavaScript 从入门到精通》- 明日科技 - 清华大学出版社\n- [x] 《JavaScript 宝典（第六版）》- (美)古德曼,(美)莫里森 - 人民邮电出版社\n- [x] 《JavaScript 高级程序设计》- Nicholas C. Zakas - 人民邮电出版社\n- [x] 《JavaScript 权威指南》- (美)弗兰纳根 - 机械工业出版社\n- [x] 《高性能 JavaScript》 - Nicholas C. Zakas - 电子工业出版社\n- [x] 《JavaScript 设计模式》- - (美)奥斯马尼 - 电子工业出版社\n- [x] 《ES6 标准入门》 - 阮一峰 电子工业出版社\n- [x] 《JavaScript 设计模式》- 张容铭 -人民邮电出版社\n- [x] 《jQuery 技术内幕》- 高云 - 机械工业出版社\n- [x] 《锋利的 jQuery》 - 单东林，张晓菲，魏然 - 人民邮电出版社\n- [ ] 《JavaScript 性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社\n- [ ] 《编写可维护的 JavaScript》- Nicholas C. Zakas - 人民邮电出版社\n- [ ] 《JavaScript 语言精髓》- (美)克罗克福德 - 电子工业出版社\n- [ ] 《JavaScript 函数式编程》- [美]Michael Fogus - 人民邮电出版社\n- [ ] 《JavaScript 忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社\n\n## 浏览器\n\n- [x] 《Chrome 扩展及应用开发》- 李喆 - 人民邮电出版社\n\n## CSS\n\n- [x] 《CSS 权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社\n- [x] 《深入理解 Bootstrap》 - 徐涛 - 机械工业出版社\n- [x] 《CSS 世界》- 张鑫旭 - 人民邮电出版社\n- [x] 《精通 CSS：高级 WEB 标签解决方案》- (英)巴德，(英)科利森，(英)莫尔 - 人民邮电出版社\n- [ ] 《CSS 揭秘》- Lea Verou - 人民邮电出版社\n- [ ] 《CSS 实战手册》- [美]David McFarland - 中国电力出版社\n- [ ] 《图解 CSS3》- 大漠 - 机械工业出版社\n\n## Node.js\n\n- [x] 《Node 即学即用》 - (英)TomHughes-Croucher MikeWilson - 人民邮电出版社\n- [x] 《深入浅出 Node.js》 - 朴灵 - 人民邮电出版社\n- [ ] 《Node.js 权威指南》- 陆凌牛 - 机械工业出版社\n- [ ] 《Node.js 调试指南》- 赵坤 - 电子工业出版社\n\n## 全栈\n\n- [x] 《Node.js+MongoDB+Angular Web 开发：MEAN 全栈权威指南》 - （美）Brad Dayley - 电子工业出版社\n- [x] 《Web 全栈工程师的自我修养》- 余果 - 人民邮电出版社\n\n## Vue\n\n- [ ] 《Vue.js 前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社\n- [ ] 《Vue.js 权威指南》- 张耀春 - 电子工业出版社\n- [ ] 《Vue2 实践揭秘》- 梁睿坤 - 电子工业出版社\n\n## React\n\n- [ ] 《深入 React 技术栈》 - 陈屹 - 人民邮电出版社\n\n## Git\n\n- [x] 《Git 版本控制管理》- (美)罗力格，(美)麦卡洛 - 人民邮电出版社\n\n## 数据结构\n\n- [x] 《数据结构(第二版)》- 严蔚敏 - 清华大学出版社\n- [x] 《数据结构与算法 JavaScript 描述》- (美)Michael McMillan - 人民邮电出版社\n\n## 网络\n\n- [x] 《计算机网络基础》- 罗娅 - 清华大学出版社\n- [x] 《图解 HTTP》 - (日) 上野宣 - 人民邮电出版社\n- [ ] 《深入理解 Nginx》- 陶辉 - 机械工业出版社\n- [ ] 《TCP/IP 详解 卷 1-3》- 机械工业出版社\n- [ ] 《图解 TCP/IP》- (日) 竹下隆史 - 人民邮电出版社\n- [ ] 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社\n\n## Web\n\n- [ ] 《Web 性能权威指南》- Ilya Grigorik - 人民邮电出版社\n\n## 正则\n\n- [ ] 《精通正则表达式》- (美)杰佛瑞 E.F.佛瑞德 - 电子工业出版社 -**【进行中】**\n\n## 算法\n\n- [ ] 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -**【进行中】**\n- [ ] 《计算机程序设计艺术 卷 1：基本算法》- (美) 高德纳 - 人民邮电出版社\n- [ ] 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社\n- [ ] 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社\n\n## 存储\n\n- [ ] 《Redis 设计与实现》- 黄健宏 - 机械工业出版社\n\n## 软件工程\n\n- [x] 《软件工程》 - 赖均 - 清华大学出版社\n\n## 操作系统\n\n- [ ] 《鸟哥的 Linux 私房菜基础学习篇》- 鸟哥 - 人民邮电出版社\n- [ ] 《操作系统真象还原》- 郑钢 - 人民邮电出版社\n\n## 其他\n\n- [x] [《不止代码》](https://alitech-private.oss-cn-beijing.aliyuncs.com/1530517140411/Codelife.pdf?Expires=1556938189&OSSAccessKeyId=LTAIqKGWQyF6Vd3W&Signature=wdZLS%2bjHUJunoT2fmT7tqvHZ7w0=) - 电子版 - 阿里巴巴\n- [ ] 《前端面试江湖》- 李红米 - 电子工业出版社\n\n## 人生\n\n> 有些书没读至今仍然悔恨。\n\n- [x] 《冰心诗集》\n- [x] 《艾青诗选》\n- [x] 《朱自清散文》\n- [x] 《徐志摩诗集》\n- [x] 《骆驼祥子》\n- [x] 《三国演义》\n- [ ] 《仓央嘉措》\n- [x] 《红与黑》\n- [x] 《傲慢与偏见》\n- [x] 《巴黎圣母院》\n- [ ] 《希腊神话》\n- [x] 《鲁滨逊漂流记》\n- [x] 《少年维特之烦恼》\n- [x] 《三个火枪手》\n- [x] 《简·爱》\n- [x] 《茶花女》\n- [x] 《包法利夫人》\n- [x] 《爱的教育》\n- [x] 《契诃夫小说集》\n- [x] 《钢铁是怎样炼成的》\n- [ ] 《老人与海》\n- [x] 《罪与罚》\n- [x] 《挪威的森林》\n- [x] 《浮士德》\n- [x] 《局外人》\n- [x] 《羊脂球》\n- [x] 《莫泊桑短篇小说选》\n- [x] 《苦儿流浪记》\n- [x] 《十四行诗》\n- [ ] 《飘》\n- [ ] 《悲催世界》\n- [ ] 《堂·吉诃德》\n- [ ] 《忏悔录》\n- [ ] 《九三年》\n- [ ] 《欧也妮·葛朗台》\n- [ ] 《高老头》\n- [ ] 《基督山伯爵》\n- [ ] 《呼啸山庄》\n- [ ] 《汤姆叔叔的小屋》\n- [ ] 《草叶集》\n- [ ] 《战争与和平》\n- [ ] 《安娜·卡列宁娜》\n- [ ] 《复活》\n- [ ] 《普希金诗选》\n- [ ] 《了不起的盖茨比》\n- [ ] 《飞鸟集》\n- [ ] 《小王子》\n- [ ] 《童年》\n"
  },
  {
    "path": "docs/interviews.md",
    "content": "---\nsidebar: auto\n---\n\n# 面试\n\n## 面经\n\n- [面试分享：两年工作经验成功面试阿里 P6 总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)\n- [在阿里我是如何当面试官的（持续更新）](https://juejin.im/post/5e6ebfa86fb9a07ca714d0ec)\n- [【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我](https://juejin.im/post/5d23e750f265da1b855c7bbe)\n- [2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文](https://juejin.im/post/5b94d8965188255c5a0cdc02)\n- [2019 面试系列 - 简历](https://juejin.im/post/5d05ca79f265da1bc75237ea)\n- [JavaScript-面试](https://segmentfault.com/a/1190000015863923?utm_source=tag-newest#articleHeader0)\n- [Javascript 面试核心考点(基础版)](https://github.com/ljianshu/Blog/issues/63)\n- [jsliang 的 2019 面试准备](https://juejin.im/post/5c8e4cd3f265da67c87454a0)\n- [从面试题看 JS 事件循环与 macro micro 任务队列](https://juejin.im/post/5c8a024d51882546be0a3082)\n- [总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)](https://juejin.im/post/5b44a485e51d4519945fb6b7)\n- [面试 -- 网络 HTTP](https://juejin.im/post/5872309261ff4b005c4580d4)\n- [中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)](https://juejin.im/post/5c64d15d6fb9a049d37f9c20)\n- [(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂](https://juejin.im/post/5cc26dfef265da037b611738)\n- [面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~](https://juejin.im/post/5e731c4c51882549112b5c2d)\n- [中高级前端开发高频面试题](https://juejin.im/post/5ceaaaf0e51d45508c2fb7c0)\n- [前端工程师面试必备（持续更新中）](%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)\n- [阿里前端社招面试总结](https://juejin.im/post/5c90f573e51d450a7d7dfc75)\n- [你要的 React 面试知识点，都在这了](https://juejin.im/post/5cf0733de51d4510803ce34e)\n- [大揭秘！“恐怖”的阿里一面，我究竟想问什么](https://juejin.im/post/5d4cd42a6fb9a06aea618155)\n- [你要的Vue面试题都在这里。](https://juejin.im/post/5d13436f6fb9a07eca698ba0)\n- [面试官：自己搭建过vue开发环境吗？](https://juejin.im/post/5cc55c336fb9a032086dd701)\n\n## 站点\n\n- [前端进阶之道](https://yuchengkai.cn/) - 不容错过的前端进阶资料\n- [前端面试与进阶指南](https://www.cxymsg.com/) - 可能是全网最给力的前端面试项目\n- [前端工程师手册](https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html)\n\n## 书籍\n\n- 《前端面试江湖》\n"
  },
  {
    "path": "docs/notes.md",
    "content": "---\nsidebar: auto\n---\n\n# 笔记\n\n**有些笔记记了，但可能没什么卵用。**\n\n## JavaScript\n\n- [jquery 2.0.3 源码分析笔记](https://github.com/ziyi2/jquery) - 参考《锋利的 jQuery》/《jQuery 技术内幕》/《JavaScript 高级程序设计》/《JavaScript 权威指南》\n- [设计模式](https://github.com/ziyi2/js/blob/master/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.md) - 参考两本《JavaScript 设计模式》\n- [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 权威指南》\n- [如何使 JavaScript 提高运行性能](https://github.com/ziyi2/js/blob/master/%E9%AB%98%E6%80%A7%E8%83%BDJS.md) - 参考《高性能 JavaScript》\n- [ES6 学习笔记](https://github.com/ziyi2/es6) - 参考《ES6 标准入门》\n- [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 高级程序设计》\n- [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 权威指南》\n\n## 算法\n\n- [算法导论与 JavaScript 实现](https://github.com/ziyi2/algorithms-javascript) - 参考《算法导论》/《数据结构与算法 JavaScript 描述》/ [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) / [CLRS](https://github.com/gzc/CLRS) - **【进行中】**\n- [数据结构和算法](https://github.com/ziyi2/data-structure-algorithm-procedure) - 参考《数据结构与算法 JavaScript 描述》\n\n## CSS\n\n- [CSS 权威指南](https://github.com/ziyi2/css/blob/master/css%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.docx) - 参考《CSS 权威指南》\n- [CSS 世界](https://github.com/ziyi2/css/blob/master/css%E4%B8%96%E7%95%8C.md) - 参考《CSS 世界》/《CSS 权威指南》\n- [精通 CSS](https://github.com/ziyi2/css/blob/master/%E7%B2%BE%E9%80%9Acss.md) - 参考《精通 CSS：高级 WEB 标签解决方案》\n\n## HTTP\n\n- [HTTP 协议分析](http://www.ziyi2.cn/2018/04/10/http%E5%8D%8F%E8%AE%AE%E5%88%86%E6%9E%90/) - 参考《图解 HTTP》\n\n## 正则\n\n- [正则表达式](https://github.com/ziyi2/rugular) - 参考《精通正则表达式》- **【进行中】**\n"
  },
  {
    "path": "docs/recently.md",
    "content": "---\nsidebar: auto\n---\n\n# 最近阅读\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"i-algorithms\",\n  \"version\": \"0.0.3\",\n  \"description\": \"Introduction To Algorithms With JavaScript.\",\n  \"main\": \"lib\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/ziyi2/algorithms\"\n  },\n  \"scripts\": {\n    \"dev\": \"vuepress dev docs\",\n    \"dist\": \"vuepress build docs\",\n    \"deploy\": \"npm run dist && gh-pages -d docs/.vuepress/dist\",\n    \"lint-md\": \"remark .\"\n  },\n  \"keywords\": [\n    \"awesome\",\n    \"front-end\"\n  ],\n  \"author\": \"ziyi2\",\n  \"license\": \"ISC\",\n  \"devDependencies\": {\n    \"gh-pages\": \"^2.2.0\",\n    \"remark-cli\": \"^8.0.0\",\n    \"remark-lint\": \"^7.0.0\",\n    \"remark-preset-lint-recommended\": \"^4.0.0\"\n  }\n}\n"
  }
]