├── README.md
├── docs
├── .nojekyll
├── README.md
└── index.html
└── img
├── 1.jpg
├── 10.jpg
├── 11.jpg
├── 12.jpg
├── 14.jpg
├── 15.jpg
├── 16.jpg
├── 2.jpg
├── 3.jpg
├── 4.jpg
├── 5.jpg
├── 6.jpg
├── 7.jpg
├── 8.jpg
├── 9.jpg
└── timg (1).jpeg
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | > - [技术博客](https://github.com/zhaoqize/blog)
4 | > - [前端指南](https://github.com/zhaoqize/FE-Guide)
5 | > - [一点感悟](https://github.com/zhaoqize/Life)
6 |
7 | **如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.**
8 |
9 | ## 目录
10 | * [前端书籍](#前端书籍)
11 | * [文章](#文章)
12 | * [前端团队](#前端团队)
13 | * [前端社区](#前端社区)
14 | * [前端视频网站](#前端视频网站)
15 | * [代码仓库](#代码仓库)
16 | * [在线编辑](#在线编辑)
17 | * [模版引擎](#模版引擎)
18 | * [前端框架](#前端框架)
19 | * [前端UI框架](#前端UI框架)
20 | * [移动端(混合)框架](#移动端框架)
21 | * [移动UI框架](#移动UI框架)
22 | * [状态管理库](#状态管理库)
23 | * [Nodejs框架(服务)](#Nodejs框架/服务)
24 | * [SSR(服务端渲染)](#SSR/服务端渲染)
25 | * [桌面应用构建](#桌面应用构建)
26 | * [预编译](#预编译)
27 | * [构建工具](#构建工具)
28 | * [前端包管理器](#前端包管理器)
29 | * [前端测试](#前端测试)
30 | * [常用工具](#常用工具)
31 |
32 | ## 前端书籍
33 |
34 |
35 | ## 文章
36 | ### 前端基础
37 | - [ECMAScript 6 入门](http://es6.ruanyifeng.com/)
38 | - [JS进阶 基本类型 引用类型 简单赋值 对象引用](https://segmentfault.com/a/1190000002789651)
39 | - [前端文摘:深入解析浏览器的幕后工作原理 - 梦想天空(山边小溪) - 博客园](http://www.cnblogs.com/lhb25/p/how-browsers-work.html)
40 | - [认识 V8 引擎 - 知乎专栏](https://zhuanlan.zhihu.com/p/27628685)
41 | - [基于webpack2.x的vue2.x的多页面站点](http://www.cnblogs.com/zqzjs/p/6834843.html)
42 | - [【移动适配】移动Web怎么做屏幕适配(一)](https://segmentfault.com/a/1190000004524243)
43 | - [【移动适配】一个像素的border怎么实现](https://segmentfault.com/a/1190000004538413)
44 | - [视区相关单位vw, vh..简介以及可实际应用场景](http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/)
45 | - [使用Flexible实现手淘H5页面的终端适配](https://github.com/amfe/article/issues/17)
46 | - [JavaScript下的setTimeout(fn,0)意味着什么?](http://www.cnblogs.com/silin6/archive/2015/03/12/4333999.html)
47 | - [JavaScript队列函数和异步执行](http://caibaojian.com/javascript-queue-function.html)
48 | - [JavaScript Event Loop机制详解与Vue.js中nextTick的实践应用](https://m.aliyun.com/yunqi/articles/204129?spm=5176.mtagdetail.0.0.fZx5vR)
49 | - [HTML系列:macrotask和microtask](http://www.qingpingshan.com/m/view.php?aid=183193)
50 | - [import、require、export、module.exports 混合使用详解](https://juejin.im/post/5a2e5f0851882575d42f5609)
51 |
52 | ### HTTP
53 | - [你真的会使用XMLHttpRequest吗?](https://segmentfault.com/a/1190000004322487)
54 |
55 | ### 混合开发
56 | - [为什么可以通过URL来调起APP - URL Scheme和Intent](http://www.cnblogs.com/zqzjs/p/7505265.html)
57 | - [H5页面中尝试调起APP](http://www.cnblogs.com/zqzjs/p/7504236.html)
58 | - [Weex的原生开发](http://www.cnblogs.com/zqzjs/p/7365726.html)
59 | - [Android Studio集成到Genymotion模拟器](http://www.cnblogs.com/zqzjs/p/7411361.html)
60 | - [VasSonic:手Q开源Hybrid框架介绍](http://www.infoq.com/cn/articles/vassonic-manual-q-open-source-hybrid-framework)
61 | - [开发首屏广告(Android)简述](http://blog.csdn.net/caroline_wendy/article/details/50183487)
62 | - [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)
63 |
64 | ### 性能优化
65 | - [内存管理](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management)
66 | - [前端的长列表性能优化](http://fishedee.com/%E5%89%8D%E7%AB%AF/2017/02/27/%E5%89%8D%E7%AB%AF%E7%9A%84%E9%95%BF%E5%88%97%E8%A1%A8%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.html)
67 | - [vue 性能优化](https://github.com/Coffcer/Blog/issues/3)
68 |
69 | ### 前端工程
70 | - [如何管理一个前端基础架构团队- AdRoll - 众成翻译](https://juejin.im/entry/59c7d35bf265da065754df2f)
71 | - [QCon北京2014《CardKit & DOMO UI - 移动时代技术与设计的十字路口》技术篇](https://www.douban.com/note/347692465/)
72 | - [前端工程——基础篇](https://segmentfault.com/r/1250000011218832?shareId=1210000011218833)
73 | - [对无线电商动态化方案的思考](https://github.com/amfe/article/issues/13)
74 | - [大公司里怎样开发和部署前端代码?](https://www.zhihu.com/question/20790576)
75 | - [美团点评境外度假团队前端项目开发实践总结](https://tech.meituan.com/fe-overseas-practice.html)
76 |
77 | ### AST
78 | - [astexplorer](https://astexplorer.net/)
79 | - [javascript-ast](http://resources.jointjs.com/demos/javascript-ast)
80 | - [esprima](https://github.com/jquery/esprima)
81 |
82 |
83 | ### 业内发展
84 | - [Kotlin](https://kotlinlang.org/):Kotlin 可以编译成Java字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行
85 | - [clojurescript](https://github.com/clojure/clojurescript):基于Clojure语言的JS封装
86 | - [PWA](https://developers.google.com/web/progressive-web-apps/):PWA(Progressive Web App),渐进式网络应用
87 | - [React Native](http://facebook.github.io/react-native/):基于 React 的跨平台移动应用开发框架
88 | - [Nodejs](https://nodejs.org/en/):是一个基于 Chrome V8 引擎的 JavaScript 运行环境
89 | - [小程序](https://developers.weixin.qq.com/miniprogram/dev/api/)
90 |
91 | ### 工具使用
92 | - [Charles从入门到放弃](http://www.cnblogs.com/zqzjs/p/7763406.html)
93 |
94 | ### 其他
95 | - [Jade模板引擎让你飞](http://www.cnblogs.com/zqzjs/p/6057254.html)
96 |
97 | ## 前端团队
98 | Team | Team | Team
99 | --- | --- | ---
100 | [淘宝前端团队(FED)](http://taobaofed.org/) | [腾讯前端IMWEB团队](http://imweb.io/) | [腾讯ISUX](https://isux.tencent.com/)
101 | [百度用户体验中心](http://ued.baidu.com/#/home) | [腾讯设计团队](http://mxd.tencent.com/) | [360奇舞团](https://weekly.75team.com/)
102 | [百度前端研发部](http://fex.baidu.com/) | [美团点评技术团队](https://tech.meituan.com/) | [腾讯Web前端团队](http://www.alloyteam.com)
103 |
104 | ## 前端社区
105 | Community | Community | Community
106 | --- | --- | ---
107 | [博客园](http://www.csdn.net/) | [CSDN](http://www.csdn.net/) | [开源中国](https://oschina.net/)
108 | [掘金](https://juejin.im/timeline) | [segmentfault](https://segmentfault.com/) | [前端网](http://www.qdfuns.com/)
109 | [大前端](http://www.daqianduan.com) | [乱炖](http://www.html-js.com/) | [CNODE](https://cnodejs.org/)
110 |
111 | ## 前端视频网站
112 | Learn | Learn | Learn
113 | --- | --- | ---
114 | [极客学院](http://www.jikexueyuan.com/) | [慕课网](http://www.imooc.com/) | [egghead](https://egghead.io/)
115 |
116 | ## 代码仓库
117 | Repositorie | Repositorie | Repositorie
118 | --- | --- | ---
119 | [github](https://github.com/) | [bitbucket](https://bitbucket.org/) | [码云](https://gitee.com/)
120 |
121 | ## 在线编辑
122 | CodeEdit | CodeEdit
123 | --- | ---
124 | [CodePen](https://codepen.io/) | [jsfiddle](https://jsfiddle.net/)
125 |
126 | ## 模版引擎
127 | 名称 | 简介
128 | ---|---
129 | [Pug(Jade)](https://github.com/pugjs/pug) | Pug – robust, elegant, feature rich template engine for Node.js
130 | [Handlebars](https://github.com/wycats/handlebars.js) | 前端模板引擎
131 |
132 | ## 前端框架
133 | 名称 | 简介
134 | --- | ---
135 | [React ](https://facebook.github.io/react/) | React is a JavaScript library for building user interfaces.
136 | [Vue](https://vuejs.org/) | 尤大的MVVM框架
137 | [Angular](http://angularjs.org/) | Google推出的MVVM框架
138 |
139 | ## 前端UI框架
140 |
141 | 名称 | 简介
142 | ---|---
143 | [Bootstrap](http://getbootstrap.com/) | 经典
144 | [Bootstrap-Material-Design](https://github.com/FezVrasta/bootstrap-material-design) | material-design设计风格的Bootstrap
145 | [Material-UI](http://www.material-ui.com/#/components/) | React版本Material-UI
146 | [Ant Design of React](https://ant.design/index-cn) | React版本的Ant Design
147 | [Element-UI](https://github.com/ElemeFE/element) | 基于vue的UI框架
148 | [IView](https://github.com/iview/iview) | A high quality UI Toolkit built on Vue.js 2.0
149 |
150 |
151 | ## 移动端(混合)框架
152 | 库 | 简介
153 | --- | ---
154 | [React-Native](https://github.com/facebook/react-native) | A framework for building native apps with React.
155 | [Ionic](https://github.com/ionic-team/ionic) | Build amazing native and progressive web apps with open web technologies
156 | [Weex](https://github.com/alibaba/weex) | A framework for building Mobile cross-platform UI
157 |
158 | ## 移动UI框架
159 | 库 | 简介
160 | --- | ---
161 | [Vux](https://github.com/airyland/vux) | Mobile UI Components based on Vue & WeUI
162 | [Weui](https://github.com/Tencent/weui) | A UI library by WeChat official design team
163 | [Amazeui](https://github.com/amazeui/amazeui) | Amaze UI, a mobile-first and modular front-end framework
164 | [MUI](https://github.com/dcloudio/mui) | 最接近原生APP体验的高性能框架
165 | [Mint-UI](https://github.com/ElemeFE/mint-ui) | Mobile UI elements for Vue.js
166 | [SUI-Mobile](https://github.com/sdc-alibaba/SUI-Mobile) | 阿里巴巴国际UED前端出品的移动端UI库,轻量精美
167 | [Muse-UI](https://github.com/museui/muse-ui) | Material Design UI library for Vuejs 2.0
168 | [Ant-Design-Mobile](https://github.com/ant-design/ant-design-mobile) | A configurable Mobile UI
169 |
170 |
171 | ## 状态管理库
172 | 库 | 简介
173 | --- | ---
174 | [Redux](https://github.com/reactjs/redux) | Predictable state container for JavaScript apps
175 | [Flux](https://github.com/facebook/flux) | An application architecture for React utilizing a unidirectional data flow.
176 | [Vuex](https://vuex.vuejs.org/) | Centralized State Management for Vue.js
177 | [Mobx](https://github.com/mobxjs/mobx) | Simple, scalable state management
178 |
179 | ## Nodejs框架(服务)
180 | 库 | 简介
181 | --- | ---
182 | [Express](https://github.com/expressjs/express) | Fast, unopinionated, minimalist web framework for node
183 | [Koa](https://github.com/koajs/koa) | Expressive middleware for node.js using ES2017 async functions
184 | [Fastify](https://github.com/fastify/fastify) | Fast and low overhead web framework, for Node.js
185 | [Socket-IO](https://github.com/socketio/socket.io) | Realtime application framework (Node.JS server)
186 | [PM2](https://github.com/Unitech/pm2) | Production Process Manager for Node.js apps with a built-in Load Balancer.
187 | [Axios](https://github.com/axios/axios) | Promise based HTTP client for the browser and node.js
188 | [Bluebird](https://github.com/petkaantonov/bluebird) | 🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
189 |
190 | ## SSR(服务端渲染)
191 | 库 | 简介
192 | --- | ---
193 | [Next.js](https://github.com/zeit/next.js) | Framework for server-rendered or statically-exported React apps
194 | [Nuxt.js](https://github.com/nuxt/nuxt.js) | Versatile Vue.js Framework
195 |
196 | ## 桌面应用构建
197 | 库 | 简介
198 | --- | ---
199 | [Electron](https://github.com/electron/electron) | Build cross platform desktop apps with JavaScript, HTML, and CSS
200 | [NW.js](https://github.com/nwjs/nw.js) | https://nwjs.io
201 | [Electron-Vue](https://github.com/SimulatedGREG/electron-vue) | 是用vue和Electron写桌面应用
202 |
203 |
204 | ## 预编译
205 | 库 | 简介
206 | --- | ---
207 | [Less](https://github.com/less/less.js) | The dynamic stylesheet language.
208 | [Sass](https://sass-lang.com) |
209 | [TypeScript](https://github.com/Microsoft/TypeScript) | TypeScript is a superset of JavaScript that compiles to clean JavaScript output
210 |
211 | ## 构建工具
212 | 库 | 简介
213 | --- | ---
214 | [Gurnt](https://github.com/gruntjs/grunt) | Grunt: The JavaScript Task Runner
215 | [Gulp](https://github.com/gulpjs/gulp) | The streaming build system
216 | [Fis3](https://github.com/fex-team/fis3) | FIS3 面向前端的工程构建系统
217 | [Webpack](https://github.com/webpack/webpack) | webpack is a module bundler
218 | [Rollup](https://github.com/rollup/rollup) | Next-generation ES module bundler https://rollupjs.org
219 |
220 | ## 前端包管理器
221 | 库 | 简介
222 | --- | ---
223 | [Npm](https://github.com/npm/npm) | a JavaScript package manager
224 | [Yarn](https://github.com/yarnpkg/yarn) | 📦🐈 Fast, reliable, and secure dependency management.
225 |
226 | ## 前端测试
227 | 库 | 简介
228 | --- | ---
229 | [Puppeteer](https://github.com/GoogleChrome/puppeteer) | Headless Chrome Node API
230 | [Jest](https://github.com/facebook/jest) | Delightful JavaScript Testing.
231 | [Mocha](https://github.com/mochajs/mocha) | ☕️ simple, flexible, fun javascript test framework for node.js & the browser
232 | [Chai](https://github.com/chaijs/chai) | testing framework for node.js
233 | [Rewire](https://github.com/jhnns/rewire) | Easy monkey-patching for node.js unit tests
234 | [Istanbul](https://github.com/gotwarlost/istanbul) | JS code coverage tool
235 |
236 | ## 持续集成
237 | 库 | 简介
238 | --- | ---
239 | [Travis CI](https://github.com/travis-ci/travis-ci) | Free continuous integration platform for GitHub projects.
240 |
241 | ## 常用工具
242 | 名称 | 简介
243 | --- | ---
244 | [Can I use](http://caniuse.com/) | Can I use
245 | [Charles](https://www.charlesproxy.com/) | 抓包,代理小能手
246 | [tinypng](https://tinypng.com/) | 图片压缩
247 | [favicon](http://www.favicon.cc/) | 生成站标
248 | [easyicon](http://www.easyicon.net/) | 图标下载
249 | [gopng](http://alloyteam.github.io/gopng/) | 图片生成
250 | [图片转Base64](http://www.pjhome.net/web/html5/encodeDataUrl.htm) | 图片转Base64
251 | [Beyond Compare 4](http://scootersoftware.com/) | 文件比对
252 | [FastStone Capture](http://faststone.org/FSCaptureDetail.htm) | 截图,录屏
253 | [Mark Main](http://www.getmarkman.com/) | 高效的设计稿标注、测量工具
254 | [easy-mock](https://easy-mock.com) | Mock数据
255 | [JSDoc](http://www.css88.com/doc/jsdoc/index.html) | JS生成文档
256 | [regexr](http://www.regexr.com/) | 正则匹配
257 | [pxtoem](http://pxtoem.com/) | px转em
258 | [Unicode字符百科](https://unicode-table.com/cn/#control-character) | 查询各种unicode字符
259 |
260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |
268 |
--------------------------------------------------------------------------------
/docs/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/docs/.nojekyll
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ## 目录
2 | * [前端书籍](#前端书籍)
3 | * [文章](#文章)
4 | * [前端团队](#前端团队)
5 | * [前端社区](#前端社区)
6 | * [前端视频网站](#前端视频网站)
7 | * [代码仓库](#代码仓库)
8 | * [在线编辑](#在线编辑)
9 | * [模版引擎](#模版引擎)
10 | * [前端框架](#前端框架)
11 | * [前端UI框架](#前端UI框架)
12 | * [移动端(混合)框架](#移动端框架)
13 | * [移动UI框架](#移动UI框架)
14 | * [状态管理库](#状态管理库)
15 | * [Nodejs框架(服务)](#Nodejs框架/服务)
16 | * [SSR(服务端渲染)](#SSR/服务端渲染)
17 | * [桌面应用构建](#桌面应用构建)
18 | * [预编译](#预编译)
19 | * [构建工具](#构建工具)
20 | * [前端包管理器](#前端包管理器)
21 | * [前端测试](#前端测试)
22 | * [常用工具](#常用工具)
23 |
24 | ## 前端书籍
25 |
26 |
27 | ## 文章
28 | ### 前端基础
29 | - [ECMAScript 6 入门](http://es6.ruanyifeng.com/)
30 | - [JS进阶 基本类型 引用类型 简单赋值 对象引用](https://segmentfault.com/a/1190000002789651)
31 | - [前端文摘:深入解析浏览器的幕后工作原理 - 梦想天空(山边小溪) - 博客园](http://www.cnblogs.com/lhb25/p/how-browsers-work.html)
32 | - [认识 V8 引擎 - 知乎专栏](https://zhuanlan.zhihu.com/p/27628685)
33 | - [基于webpack2.x的vue2.x的多页面站点](http://www.cnblogs.com/zqzjs/p/6834843.html)
34 | - [【移动适配】移动Web怎么做屏幕适配(一)](https://segmentfault.com/a/1190000004524243)
35 | - [【移动适配】一个像素的border怎么实现](https://segmentfault.com/a/1190000004538413)
36 | - [视区相关单位vw, vh..简介以及可实际应用场景](http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/)
37 | - [使用Flexible实现手淘H5页面的终端适配](https://github.com/amfe/article/issues/17)
38 | - [JavaScript下的setTimeout(fn,0)意味着什么?](http://www.cnblogs.com/silin6/archive/2015/03/12/4333999.html)
39 | - [JavaScript队列函数和异步执行](http://caibaojian.com/javascript-queue-function.html)
40 | - [JavaScript Event Loop机制详解与Vue.js中nextTick的实践应用](https://m.aliyun.com/yunqi/articles/204129?spm=5176.mtagdetail.0.0.fZx5vR)
41 | - [HTML系列:macrotask和microtask](http://www.qingpingshan.com/m/view.php?aid=183193)
42 | - [import、require、export、module.exports 混合使用详解](https://juejin.im/post/5a2e5f0851882575d42f5609)
43 |
44 | ### HTTP
45 | - [你真的会使用XMLHttpRequest吗?](https://segmentfault.com/a/1190000004322487)
46 |
47 | ### 混合开发
48 | - [为什么可以通过URL来调起APP - URL Scheme和Intent](http://www.cnblogs.com/zqzjs/p/7505265.html)
49 | - [H5页面中尝试调起APP](http://www.cnblogs.com/zqzjs/p/7504236.html)
50 | - [Weex的原生开发](http://www.cnblogs.com/zqzjs/p/7365726.html)
51 | - [Android Studio集成到Genymotion模拟器](http://www.cnblogs.com/zqzjs/p/7411361.html)
52 | - [VasSonic:手Q开源Hybrid框架介绍](http://www.infoq.com/cn/articles/vassonic-manual-q-open-source-hybrid-framework)
53 | - [开发首屏广告(Android)简述](http://blog.csdn.net/caroline_wendy/article/details/50183487)
54 | - [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)
55 |
56 | ### 性能优化
57 | - [内存管理](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management)
58 | - [前端的长列表性能优化](http://fishedee.com/%E5%89%8D%E7%AB%AF/2017/02/27/%E5%89%8D%E7%AB%AF%E7%9A%84%E9%95%BF%E5%88%97%E8%A1%A8%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.html)
59 | - [vue 性能优化](https://github.com/Coffcer/Blog/issues/3)
60 |
61 | ### 前端工程
62 | - [如何管理一个前端基础架构团队- AdRoll - 众成翻译](https://juejin.im/entry/59c7d35bf265da065754df2f)
63 | - [QCon北京2014《CardKit & DOMO UI - 移动时代技术与设计的十字路口》技术篇](https://www.douban.com/note/347692465/)
64 | - [前端工程——基础篇](https://segmentfault.com/r/1250000011218832?shareId=1210000011218833)
65 | - [对无线电商动态化方案的思考](https://github.com/amfe/article/issues/13)
66 | - [大公司里怎样开发和部署前端代码?](https://www.zhihu.com/question/20790576)
67 | - [美团点评境外度假团队前端项目开发实践总结](https://tech.meituan.com/fe-overseas-practice.html)
68 |
69 | ### AST
70 | - [astexplorer](https://astexplorer.net/)
71 | - [javascript-ast](http://resources.jointjs.com/demos/javascript-ast)
72 | - [esprima](https://github.com/jquery/esprima)
73 |
74 |
75 | ### 业内发展
76 | - [Kotlin](https://kotlinlang.org/):Kotlin 可以编译成Java字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行
77 | - [clojurescript](https://github.com/clojure/clojurescript):基于Clojure语言的JS封装
78 | - [PWA](https://developers.google.com/web/progressive-web-apps/):PWA(Progressive Web App),渐进式网络应用
79 | - [React Native](http://facebook.github.io/react-native/):基于 React 的跨平台移动应用开发框架
80 | - [Nodejs](https://nodejs.org/en/):是一个基于 Chrome V8 引擎的 JavaScript 运行环境
81 |
82 | ### 工具使用
83 | - [Charles从入门到放弃](http://www.cnblogs.com/zqzjs/p/7763406.html)
84 |
85 | ### 其他
86 | - [Jade模板引擎让你飞](http://www.cnblogs.com/zqzjs/p/6057254.html)
87 |
88 | ## 前端团队
89 | Team | Team | Team
90 | --- | --- | ---
91 | [淘宝前端团队(FED)](http://taobaofed.org/) | [腾讯前端IMWEB团队](http://imweb.io/) | [腾讯ISUX](https://isux.tencent.com/)
92 | [百度用户体验中心](http://ued.baidu.com/#/home) | [腾讯设计团队](http://mxd.tencent.com/) | [360奇舞团](https://weekly.75team.com/)
93 | [百度前端研发部](http://fex.baidu.com/) | [美团点评技术团队](https://tech.meituan.com/) | [腾讯Web前端团队](http://www.alloyteam.com)
94 |
95 | ## 前端社区
96 | Community | Community | Community
97 | --- | --- | ---
98 | [博客园](http://www.csdn.net/) | [CSDN](http://www.csdn.net/) | [开源中国](https://oschina.net/)
99 | [掘金](https://juejin.im/timeline) | [segmentfault](https://segmentfault.com/) | [前端网](http://www.qdfuns.com/)
100 | [大前端](http://www.daqianduan.com) | [乱炖](http://www.html-js.com/) | [CNODE](https://cnodejs.org/)
101 |
102 | ## 前端视频网站
103 | Learn | Learn | Learn
104 | --- | --- | ---
105 | [极客学院](http://www.jikexueyuan.com/) | [慕课网](http://www.imooc.com/) | [egghead](https://egghead.io/)
106 |
107 | ## 代码仓库
108 | Repositorie | Repositorie | Repositorie
109 | --- | --- | ---
110 | [github](https://github.com/) | [bitbucket](https://bitbucket.org/) | [码云](https://gitee.com/)
111 |
112 | ## 在线编辑
113 | CodeEdit | CodeEdit
114 | --- | ---
115 | [CodePen](https://codepen.io/) | [jsfiddle](https://jsfiddle.net/)
116 |
117 | ## 模版引擎
118 | 名称 | 简介
119 | ---|---
120 | [Pug(Jade)](https://github.com/pugjs/pug) | Pug – robust, elegant, feature rich template engine for Node.js
121 | [Handlebars](https://github.com/wycats/handlebars.js) | 前端模板引擎
122 |
123 | ## 前端框架
124 | 名称 | 简介
125 | --- | ---
126 | [React ](https://facebook.github.io/react/) | React is a JavaScript library for building user interfaces.
127 | [Vue](https://vuejs.org/) | 尤大的MVVM框架
128 | [Angular](http://angularjs.org/) | Google推出的MVVM框架
129 |
130 | ## 前端UI框架
131 |
132 | 名称 | 简介
133 | ---|---
134 | [Bootstrap](http://getbootstrap.com/) | 经典
135 | [Bootstrap-Material-Design](https://github.com/FezVrasta/bootstrap-material-design) | material-design设计风格的Bootstrap
136 | [Material-UI](http://www.material-ui.com/#/components/) | React版本Material-UI
137 | [Ant Design of React](https://ant.design/index-cn) | React版本的Ant Design
138 | [Element-UI](https://github.com/ElemeFE/element) | 基于vue的UI框架
139 | [IView](https://github.com/iview/iview) | A high quality UI Toolkit built on Vue.js 2.0
140 |
141 |
142 | ## 移动端(混合)框架
143 | 库 | 简介
144 | --- | ---
145 | [React-Native](https://github.com/facebook/react-native) | A framework for building native apps with React.
146 | [Ionic](https://github.com/ionic-team/ionic) | Build amazing native and progressive web apps with open web technologies
147 | [Weex](https://github.com/alibaba/weex) | A framework for building Mobile cross-platform UI
148 |
149 | ## 移动UI框架
150 | 库 | 简介
151 | --- | ---
152 | [Vux](https://github.com/airyland/vux) | Mobile UI Components based on Vue & WeUI
153 | [Weui](https://github.com/Tencent/weui) | A UI library by WeChat official design team
154 | [Amazeui](https://github.com/amazeui/amazeui) | Amaze UI, a mobile-first and modular front-end framework
155 | [MUI](https://github.com/dcloudio/mui) | 最接近原生APP体验的高性能框架
156 | [Mint-UI](https://github.com/ElemeFE/mint-ui) | Mobile UI elements for Vue.js
157 | [SUI-Mobile](https://github.com/sdc-alibaba/SUI-Mobile) | 阿里巴巴国际UED前端出品的移动端UI库,轻量精美
158 | [Muse-UI](https://github.com/museui/muse-ui) | Material Design UI library for Vuejs 2.0
159 | [Ant-Design-Mobile](https://github.com/ant-design/ant-design-mobile) | A configurable Mobile UI
160 |
161 |
162 | ## 状态管理库
163 | 库 | 简介
164 | --- | ---
165 | [Redux](https://github.com/reactjs/redux) | Predictable state container for JavaScript apps
166 | [Flux](https://github.com/facebook/flux) | An application architecture for React utilizing a unidirectional data flow.
167 | [Vuex](https://vuex.vuejs.org/) | Centralized State Management for Vue.js
168 | [Mobx](https://github.com/mobxjs/mobx) | Simple, scalable state management
169 |
170 | ## Nodejs框架(服务)
171 | 库 | 简介
172 | --- | ---
173 | [Express](https://github.com/expressjs/express) | Fast, unopinionated, minimalist web framework for node
174 | [Koa](https://github.com/koajs/koa) | Expressive middleware for node.js using ES2017 async functions
175 | [Fastify](https://github.com/fastify/fastify) | Fast and low overhead web framework, for Node.js
176 | [Socket-IO](https://github.com/socketio/socket.io) | Realtime application framework (Node.JS server)
177 | [PM2](https://github.com/Unitech/pm2) | Production Process Manager for Node.js apps with a built-in Load Balancer.
178 | [Axios](https://github.com/axios/axios) | Promise based HTTP client for the browser and node.js
179 | [Bluebird](https://github.com/petkaantonov/bluebird) | 🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
180 |
181 | ## SSR(服务端渲染)
182 | 库 | 简介
183 | --- | ---
184 | [Next.js](https://github.com/zeit/next.js) | Framework for server-rendered or statically-exported React apps
185 | [Nuxt.js](https://github.com/nuxt/nuxt.js) | Versatile Vue.js Framework
186 |
187 | ## 桌面应用构建
188 | 库 | 简介
189 | --- | ---
190 | [Electron](https://github.com/electron/electron) | Build cross platform desktop apps with JavaScript, HTML, and CSS
191 | [NW.js](https://github.com/nwjs/nw.js) | https://nwjs.io
192 | [Electron-Vue](https://github.com/SimulatedGREG/electron-vue) | 是用vue和Electron写桌面应用
193 |
194 |
195 | ## 预编译
196 | 库 | 简介
197 | --- | ---
198 | [Less](https://github.com/less/less.js) | The dynamic stylesheet language.
199 | [Sass](https://sass-lang.com) |
200 | [TypeScript](https://github.com/Microsoft/TypeScript) | TypeScript is a superset of JavaScript that compiles to clean JavaScript output
201 |
202 | ## 构建工具
203 | 库 | 简介
204 | --- | ---
205 | [Gurnt](https://github.com/gruntjs/grunt) | Grunt: The JavaScript Task Runner
206 | [Gulp](https://github.com/gulpjs/gulp) | The streaming build system
207 | [Fis3](https://github.com/fex-team/fis3) | FIS3 面向前端的工程构建系统
208 | [Webpack](https://github.com/webpack/webpack) | webpack is a module bundler
209 |
210 | ## 前端包管理器
211 | 库 | 简介
212 | --- | ---
213 | [Npm](https://github.com/npm/npm) | a JavaScript package manager
214 | [Yarn](https://github.com/yarnpkg/yarn) | 📦🐈 Fast, reliable, and secure dependency management.
215 |
216 | ## 前端测试
217 | 库 | 简介
218 | --- | ---
219 | [Puppeteer](https://github.com/GoogleChrome/puppeteer) | Headless Chrome Node API
220 | [Jest](https://github.com/facebook/jest) | Delightful JavaScript Testing.
221 | [Mocha](https://github.com/mochajs/mocha) | ☕️ simple, flexible, fun javascript test framework for node.js & the browser
222 | [Chai](https://github.com/chaijs/chai) | testing framework for node.js
223 | [Rewire](https://github.com/jhnns/rewire) | Easy monkey-patching for node.js unit tests
224 | [Istanbul](https://github.com/gotwarlost/istanbul) | JS code coverage tool
225 |
226 | ## 持续集成
227 | 库 | 简介
228 | --- | ---
229 | [Travis CI](https://github.com/travis-ci/travis-ci) | Free continuous integration platform for GitHub projects.
230 |
231 | ## 常用工具
232 | 名称 | 简介
233 | --- | ---
234 | [Can I use](http://caniuse.com/) | Can I use
235 | [Charles](https://www.charlesproxy.com/) | 抓包,代理小能手
236 | [tinypng](https://tinypng.com/) | 图片压缩
237 | [favicon](http://www.favicon.cc/) | 生成站标
238 | [easyicon](http://www.easyicon.net/) | 图标下载
239 | [gopng](http://alloyteam.github.io/gopng/) | 图片生成
240 | [图片转Base64](http://www.pjhome.net/web/html5/encodeDataUrl.htm) | 图片转Base64
241 | [Beyond Compare 4](http://scootersoftware.com/) | 文件比对
242 | [FastStone Capture](http://faststone.org/FSCaptureDetail.htm) | 截图,录屏
243 | [Mark Main](http://www.getmarkman.com/) | 高效的设计稿标注、测量工具
244 | [easy-mock](https://easy-mock.com) | Mock数据
245 | [JSDoc](http://www.css88.com/doc/jsdoc/index.html) | JS生成文档
246 | [regexr](http://www.regexr.com/) | 正则匹配
247 | [pxtoem](http://pxtoem.com/) | px转em
248 | [Unicode字符百科](https://unicode-table.com/cn/#control-character) | 查询各种unicode字符
249 |
250 |
251 |
252 |
253 |
254 |
255 |
256 |
257 |
258 |
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |