├── 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 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/1.jpg -------------------------------------------------------------------------------- /img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/10.jpg -------------------------------------------------------------------------------- /img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/11.jpg -------------------------------------------------------------------------------- /img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/12.jpg -------------------------------------------------------------------------------- /img/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/14.jpg -------------------------------------------------------------------------------- /img/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/15.jpg -------------------------------------------------------------------------------- /img/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/16.jpg -------------------------------------------------------------------------------- /img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/2.jpg -------------------------------------------------------------------------------- /img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/3.jpg -------------------------------------------------------------------------------- /img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/4.jpg -------------------------------------------------------------------------------- /img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/5.jpg -------------------------------------------------------------------------------- /img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/6.jpg -------------------------------------------------------------------------------- /img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/7.jpg -------------------------------------------------------------------------------- /img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/8.jpg -------------------------------------------------------------------------------- /img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/9.jpg -------------------------------------------------------------------------------- /img/timg (1).jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhaoqize/FE-Guide/ad542af480877ea2c04dd5e20ba5264f5739f1e9/img/timg (1).jpeg --------------------------------------------------------------------------------