[38;5;12m                                                                                                                 [39m[38;2;255;187;0m[1m[4m前端组件库[0m
[38;5;12m>搭建web app常用的样式/组件等收集列表(移动优先)[39m

[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m

[38;5;12m- 一个常用的PHP类库, 资源以及技巧列表 [39m[38;5;14m[1mawesome-php[0m[38;5;12m (https://github.com/JingwenTian/awesome-php/) 推荐[39m

[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m

[38;2;255;187;0m[4m0. 前端自动化(Workflow)[0m

[38;5;12m- 前端构建工具[39m
[38;5;12m  - [39m[38;5;14m[1mWebpack - module bundler[0m[38;5;12m (https://github.com/webpack/webpack)[39m
[38;5;12m  - [39m[38;5;14m[1mYeoman - a set of tools for automating development workflow[0m[38;5;12m (https://github.com/yeoman/yeoman) [39m
[38;5;12m  - [39m[38;5;14m[1mgulp - The streaming build system[0m[38;5;12m (http://gulpjs.com/) [39m
[48;5;235m[38;5;249m- **use-gulp** (https://github.com/Platform-CUF/use-gulp)[49m[39m
[38;5;12m  - [39m[38;5;14m[1mgrunt - the JavaScript Task Runner[0m[38;5;12m (http://gruntjs.com/)[39m
[38;5;12m  - [39m[38;5;14m[1mF.I.S - 前端集成解决方案[0m[38;5;12m (https://github.com/fex-team/fis)[39m
[38;5;12m  - [39m[38;5;14m[1mWeb Starter Kit - 一个Google 提供的帮助开发者快速设置项目的工具集[0m[38;5;12m (https://github.com/google/web-starter-kit)[39m
[38;5;12m  - [39m[38;5;14m[1mnode-prune[0m[38;5;12m (https://github.com/tj/node-prune) - Remove unnecessary files from node_modules[39m
[38;5;12m- 前端模块管理器[39m
[38;5;12m  - [39m[38;5;14m[1mBower - A package manager for the web[0m[38;5;12m (http://bower.io/)[39m
[38;5;12m  - [39m[38;5;14m[1mBrowserify[0m[38;5;12m (http://browserify.org/)[39m
[38;5;12m  - [39m[38;5;14m[1mComponent[0m[38;5;12m (https://github.com/componentjs/component)[39m
[38;5;12m  - [39m[38;5;14m[1mDuo[0m[38;5;12m (http://duojs.org/)[39m
[38;5;12m  - [39m[38;5;14m[1mRequireJS[0m[38;5;12m (http://requirejs.org/)[39m
[38;5;12m  - [39m[38;5;14m[1mSea.js[0m[38;5;12m (http://seajs.org/)[39m
[38;5;12m  - [39m[38;5;14m[1mLABjs - 文件加载器[0m[38;5;12m (https://github.com/getify/LABjs)[39m
[38;5;12m  - [39m[38;5;14m[1mcss-modulesify - CSS模块加载器[0m[38;5;12m (https://github.com/css-modules/css-modulesify)[39m
[38;5;12m- css预处理器[39m
[38;5;12m  - [39m[38;5;14m[1mLess - Less is More , Than CSS[0m[38;5;12m (http://lesscss.org/) [39m
[38;5;12m  - [39m[38;5;14m[1mSass - Syntactically Awesome Style Sheets[0m[38;5;12m (http://sass-lang.com/)[39m
[38;5;12m  - [39m[38;5;14m[1mStylus - Expressive, dynamic, robust CSS[0m[38;5;12m (http://learnboost.github.io/stylus/)[39m
[38;5;12m- 前端性能分析工具[39m
[38;5;12m  - [39m[38;5;14m[1manalyze-css - CSS 选择器的复杂度和性能分析器[0m[38;5;12m (https://github.com/macbre/analyze-css)[39m

[38;2;255;187;0m[4m1. 前端UI框架(Frameworks)[0m

[38;5;12m- [39m[38;5;14m[1mBootstrap[0m[38;5;12m (https://github.com/twbs/bootstrap)[39m
[38;5;12m- [39m[38;5;14m[1mFoundation[0m[38;5;12m (https://github.com/zurb/foundation)[39m
[38;5;12m- [39m[38;5;14m[1mAmaze UI[0m[38;5;12m (http://amazeui.org/)[39m
[38;5;12m- [39m[38;5;14m[1mSemantic UI[0m[38;5;12m (https://github.com/semantic-org/semantic-ui)[39m
[38;5;12m- [39m[38;5;14m[1mPure CSS[0m[38;5;12m (http://purecss.io/)[39m
[38;5;12m- [39m[38;5;14m[1mtopcoat[0m[38;5;12m (https://github.com/topcoat/topcoat)[39m
[38;5;12m- [39m[38;5;14m[1mUIkit[0m[38;5;12m (https://github.com/uikit/uikit)[39m
[38;5;12m- [39m[38;5;14m[1mMaterial UI[0m[38;5;12m (https://github.com/callemall/material-ui)[39m
[38;5;12m- [39m[38;5;14m[1mMaterialize - 一个基于 Material Design 的 CSS 框架[0m[38;5;12m (https://github.com/Dogfalo/materialize)[39m
[38;5;12m- [39m[38;5;14m[1mFramework7[0m[38;5;12m (http://www.idangero.us/framework7)[39m
[38;5;12m- [39m[38;5;14m[1mmui[0m[38;5;12m (https://github.com/dcloudio/mui)[39m
[38;5;12m- [39m[38;5;14m[1mionic framework[0m[38;5;12m (http://ionicframework.com/)[39m
[38;5;12m- [39m[38;5;14m[1mFries[0m[38;5;12m (https://github.com/jaunesarmiento/fries)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Mobile[0m[38;5;12m (http://jquerymobile.com/)[39m
[38;5;12m- [39m[38;5;14m[1mApp.js[0m[38;5;12m (https://github.com/kikinteractive/app)[39m
[38;5;12m- [39m[38;5;14m[1mOffice UI Fabric - 微软 Office 前端团队的框架[0m[38;5;12m (https://github.com/OfficeDev/Office-UI-Fabric)[39m
[38;5;12m- [39m[38;5;14m[1mPolymer - Google发布的Web组件构建框架[0m[38;5;12m (https://www.polymer-project.org)[39m
[38;5;12m- [39m[38;5;14m[1mLayui - 经典模块化前端UI框架[0m[38;5;12m (https://github.com/sentsin/layui/)[39m
[38;5;12m- [39m[38;5;14m[1mwired-elements[0m[38;5;12m (https://github.com/wiredjs/wired-elements) - 一个有手绘效果的网页组件库[39m
[38;5;12m- [39m[38;5;14m[1mmustard-ui[0m[38;5;12m (https://github.com/kylelogue/mustard-ui) - 一个简洁、好看的 CSS 框架，压缩后只有5.28KB[39m
[38;5;12m- [39m[38;5;14m[1mtaro-ui[0m[38;5;12m (https://github.com/NervJS/taro-ui) - 一款基于 Taro 框架开发的多端 UI 组件库[39m
[38;5;12m- [39m[38;5;14m[1malibaba/ice[0m[38;5;12m (https://github.com/alibaba/ice) - 飞冰是一套基于 React 的中后台应用解决方案[39m

[38;2;255;187;0m[4m2. JavaScript 框架汇总[0m

[38;5;12m- JavaScript 框架[39m
[38;5;12m  - [39m[38;5;14m[1mreact[0m[38;5;12m (https://github.com/facebook/react)[39m
[48;5;235m[38;5;249m- **ant-design** (https://github.com/ant-design/ant-design) - A UI Design Language[49m[39m[48;5;235m[38;5;249m                                         [49m[39m
[48;5;235m[38;5;249m- **ant-design-mobile** (https://github.com/ant-design/ant-design-mobile) - A configurable Mobile UI[49m[39m[48;5;235m[38;5;249m                       [49m[39m
[48;5;235m[38;5;249m- **ant-design-pro** (https://github.com/ant-design/ant-design-pro) - An out-of-box UI solution for enterprise applications[49m[39m
[38;5;12m  - [39m[38;5;14m[1mAngular[0m[38;5;12m (https://github.com/angular/angular)[39m
[38;5;12m  - [39m[38;5;14m[1mVue.js[0m[38;5;12m (https://github.com/yyx990803/vue)  - 数据驱动的组件化MVVM库(用于创建web交互界面和数据双向绑定)[39m
[48;5;235m[38;5;249m- **vueComponent/ant-design-vue** (https://github.com/vueComponent/ant-design-vue) - An enterprise-class UI components based on Ant Design and Vue.[49m[39m
[48;5;235m[38;5;249m- **awesome-vue** (https://github.com/vuejs/awesome-vue)[49m[39m[48;5;235m[38;5;249m                                                                                           [49m[39m
[48;5;235m[38;5;249m- **Element - 基于 Vue 2.0 构建了一套完整的桌面 UI 组件库** (http://element.eleme.io/#/)[49m[39m[48;5;235m[38;5;249m                                                           [49m[39m
[48;5;235m[38;5;249m- **Vuex - 一个专门为 Vue.js 应用设计的状态管理架构** (https://github.com/vuejs/vuex)[49m[39m[48;5;235m[38;5;249m                                                              [49m[39m
[48;5;235m[38;5;249m- **at-ui - 一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站产品** (https://github.com/AT-UI/at-ui)[49m[39m[48;5;235m[38;5;249m                                  [49m[39m
[48;5;235m[38;5;249m- **Mint UI：基于 Vue.js 的移动端组件库** (https://github.com/ElemeFE/mint-ui)[49m[39m[48;5;235m[38;5;249m                                                                     [49m[39m
[48;5;235m[38;5;249m- **Vux - 基于 Vue 和 WeUI 的 UI 组件库** (https://github.com/airyland/vux)[49m[39m[48;5;235m[38;5;249m                                                                        [49m[39m
[48;5;235m[38;5;249m- **vonic - 基于 Vue.js 和 Ionic 的移动 UI 组件库** (https://github.com/wangdahoo/vonic)[49m[39m[48;5;235m[38;5;249m                                                           [49m[39m
[38;5;12m    - [39m[38;5;14m[1mvuetify - vue2.0组件库[0m[38;5;12m (https://github.com/vuetifyjs/vuetify)[39m
[48;5;235m[38;5;249m- **iView - 一套基于 Vue.js 的高质量 UI 组件库** (https://github.com/iview/iview)[49m[39m
[48;5;235m[38;5;249m- **vue-i18n** (https://github.com/kazupon/vue-i18n)[49m[39m[48;5;235m[38;5;249m                             [49m[39m
[38;5;12m  - [39m[38;5;14m[1mpreact[0m[38;5;12m (https://github.com/developit/preact/) - React 的 3kb 轻量化方案，拥有同样的 ES6 API[39m
[38;5;12m  - [39m[38;5;14m[1mjQuery[0m[38;5;12m (https://github.com/jquery/jquery)[39m
[38;5;12m  - [39m[38;5;14m[1mBackbone.js[0m[38;5;12m (https://github.com/jashkenas/backbone)[39m
[38;5;12m  - [39m[38;5;14m[1member.js[0m[38;5;12m (https://github.com/emberjs/ember.js)[39m
[38;5;12m  - [39m[38;5;14m[1mRactive.js[0m[38;5;12m (https://github.com/ractivejs/ractive)[39m
[38;5;12m  - [39m[38;5;14m[1mKISSY[0m[38;5;12m (https://github.com/kissyteam/kissy)[39m
[38;5;12m  - [39m[38;5;14m[1mZepto.js[0m[38;5;12m (https://github.com/madrobby/zepto)[39m
[38;5;12m  - [39m[38;5;14m[1mVanilla JS[0m[38;5;12m (http://vanilla-js.com/)[39m
[38;5;12m  - [39m[38;5;14m[1mCan.js[0m[38;5;12m (http://canjs.com/guides/Utilities.html)[39m
[38;5;12m  - [39m[38;5;14m[1mAvalon[0m[38;5;12m (https://github.com/RubyLouvre/avalon)[39m
[38;5;12m  - [39m[38;5;14m[1mT3 JavaScript Framework - 一个用于搭建大型Web应用的客户端JS框架[0m[38;5;12m (https://github.com/box/t3js/)[39m
[38;5;12m  - [39m[38;5;14m[1mjsblocks - Better MV-ish Framework 从简单 UI 到复杂单页应用都适用[0m[38;5;12m (https://github.com/astoilkov/jsblocks)[39m
[38;5;12m- 轻量级JavaScript框架[39m
[38;5;12m  - [39m[38;5;14m[1mMin.js - Super minimal selector and event library[0m[38;5;12m (https://github.com/remy/min.js) [39m
[38;5;12m  - [39m[38;5;14m[1mskel.js - A lightweight responsive framework[0m[38;5;12m (https://github.com/n33/skel)[39m
[38;5;12m  - [39m[38;5;14m[1mSprint.js - 一个高性能、小体积的 DOM 操作库[0m[38;5;12m (https://github.com/bendc/sprint)[39m
[38;5;12m  - [39m[38;5;14m[1mknockout[0m[38;5;12m (https://github.com/knockout/knockout)[39m
[38;5;12m  - [39m[38;5;14m[1mPhantomJS - 一个基于 WebKit 的服务器端 JavaScript API[0m[38;5;12m (https://github.com/ariya/phantomjs/)[39m
[38;5;12m- 函数式反应型编程框架 FRP (Functional Reactive Programming) library[39m
[38;5;12m  - [39m[38;5;14m[1mBacon.js - A small functional reactive programming lib for JavaScript.[0m[38;5;12m (https://github.com/baconjs/bacon.js/) [39m
[38;5;12m  - [39m[38;5;14m[1mFlapjax - 一个支持FRP的JavaScript框架[0m[38;5;12m (http://www.flapjax-lang.org/)[39m

[38;5;12m- 混合开发框架[39m

[38;5;12m  - [39m[38;5;14m[1mElectron[0m[38;5;12m (https://electronjs.org/) - 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用[39m
[38;5;12m  - [39m[38;5;14m[1mReact Native[0m[38;5;12m (https://facebook.github.io/react-native/) - 使用JavaScript和React构建原生手机APP[39m
[38;5;12m  - [39m[38;5;14m[1melectron-react-boilerplate[0m[38;5;12m (https://github.com/chentsulin/electron-react-boilerplate) - Electron应用程序样板(基于React、Redux、React Router、Webpack、React Transform HMR用于应用程序快速开发)[39m
[38;5;12m  - [39m[38;5;14m[1mWeex[0m[38;5;12m (https://github.com/apache/incubator-weex) - Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架[39m
[38;5;12m  - [39m[38;5;14m[1mFlutter[0m[38;5;12m (https://github.com/flutter/flutter) - Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面[39m

[38;5;12m- 微信小程序开发库[39m

[38;5;12m  - [39m[38;5;14m[1mTencent/weui-wxss[0m[38;5;12m (https://github.com/Tencent/weui-wxss) - WeUI for 小程序 为微信小程序量身设计[39m
[38;5;12m  - [39m[38;5;14m[1mTencent/wepy[0m[38;5;12m (https://github.com/Tencent/wepy) - 小程序组件化开发框架[39m
[38;5;12m  - [39m[38;5;14m[1myouzan/vant-weapp[0m[38;5;12m (https://github.com/youzan/vant-weapp) - 轻量、可靠的小程序 UI 组件库 https://youzan.github.io/vant-weapp[39m
[38;5;12m  - [39m[38;5;14m[1mMeituan-Dianping/mpvue[0m[38;5;12m (https://github.com/Meituan-Dianping/mpvue) - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系[39m
[38;5;12m  - [39m[38;5;14m[1mmeili/minui[0m[38;5;12m (https://github.com/meili/minui) - 基于规范的小程序 UI 组件库，自定义标签组件，简洁、易用、工具化[39m
[38;5;12m  - [39m[38;5;14m[1mNervJS/taro[0m[38;5;12m (https://github.com/NervJS/taro) - 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用[39m
[38;5;12m  - [39m[38;5;14m[1mdcloudio/uni-app[0m[38;5;12m (https://github.com/dcloudio/uni-app) - 使用 Vue.js 开发跨平台应用的前端框架 http://uniapp.dcloud.io[39m
[38;5;12m  - [39m[38;5;14m[1mdidi/chameleon[0m[38;5;12m (https://github.com/didi/chameleon) - 一套代码运行多端，一端所见即多端所见 https://CML.JS.org[39m
[38;5;12m  - [39m[38;5;14m[1mzhuanzhuanfe/fancy-mini[0m[38;5;12m (https://github.com/zhuanzhuanfe/fancy-mini) - 小程序代码库，封装一些常用的功能模块和ui组件。[39m

[38;5;12m- JavaScript 工具库[39m
[38;5;12m  - [39m[38;5;14m[1munderscore.js[0m[38;5;12m (https://github.com/jashkenas/underscore)[39m
[38;5;12m  - [39m[38;5;14m[1mUnderscore.string.js字符串操作库[0m[38;5;12m (https://github.com/epeli/underscore.string)[39m
[38;5;12m  - [39m[38;5;14m[1mfunctional.js[0m[38;5;12m (https://github.com/leecrossley/functional-js/)[39m
[38;5;12m  - [39m[38;5;14m[1mLo-Dash - A JavaScript utility library[0m[38;5;12m (https://github.com/lodash/lodash)[39m
[38;5;12m  - [39m[38;5;14m[1mLazy.js - a functional utility library for JavaScript[0m[38;5;12m (https://github.com/dtao/lazy.js)[39m
[38;5;12m  - [39m[38;5;14m[1mFn.js[0m[38;5;12m (https://github.com/eliperelman/fn.js)[39m
[38;5;12m  - [39m[38;5;14m[1mWay.js - 双向数据绑定库[0m[38;5;12m (https://github.com/gwendall/way.js)[39m
[38;5;12m  - [39m[38;5;14m[1mboiler - a utility library that makes tasks in JavaScript easier[0m[38;5;12m (https://github.com/Xaxis/boiler)[39m
[38;5;12m  - 快捷键操作[39m
[48;5;235m[38;5;249m- **KeyboardJS** (https://github.com/RobertWHurst/KeyboardJS) - A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.[49m[39m
[48;5;235m[38;5;249m- **mousetrap** (https://github.com/ccampbell/mousetrap) - Simple library for handling keyboard shortcuts in Javascript[49m[39m[48;5;235m[38;5;249m                                                [49m[39m
[48;5;235m[38;5;249m- **Keys.js - 应用快捷键** (https://github.com/bitwalker/keys.js)[49m[39m[48;5;235m[38;5;249m                                                                                                      [49m[39m
[48;5;235m[38;5;249m- **simple-hotkeys** (https://github.com/mycolorway/simple-hotkeys)[49m[39m[48;5;235m[38;5;249m                                                                                                    [49m[39m
[48;5;235m[38;5;249m- **jquery.hotkeys** (https://github.com/jeresig/jquery.hotkeys)[49m[39m[48;5;235m[38;5;249m                                                                                                       [49m[39m
[48;5;235m[38;5;249m- **Mousetrap - 键盘快捷键操作** (https://github.com/ccampbell/mousetrap)[49m[39m[48;5;235m[38;5;249m                                                                                              [49m[39m
[38;5;12m  - [39m[38;5;14m[1mAlloyLever - 移动web开发者工具面板[0m[38;5;12m (https://github.com/AlloyTeam/AlloyLever)[39m

[38;2;255;187;0m[4m3. 前端游戏框架[0m

[38;5;12m- [39m[38;5;14m[1mcocos2d-html5[0m[38;5;12m (https://github.com/cocos2d/cocos2d-html5)[39m
[38;5;12m- [39m[38;5;14m[1mEgret Engine[0m[38;5;12m (http://www.egret-labs.org/)[39m
[38;5;12m- [39m[38;5;14m[1mLimeJS[0m[38;5;12m (https://github.com/digitalfruit/limejs)[39m
[38;5;12m- [39m[38;5;14m[1mEaselJS[0m[38;5;12m (https://github.com/CreateJS/EaselJS)[39m
[38;5;12m- [39m[38;5;14m[1mthree.js[0m[38;5;12m (https://github.com/mrdoob/three.js)[39m
[38;5;12m- [39m[38;5;14m[1mAlloyStick[0m[38;5;12m (https://github.com/AlloyTeam/AlloyStick)[39m
[38;5;12m- [39m[38;5;14m[1mThe-Best-JS-Game-Framework[0m[38;5;12m (https://github.com/finscn/The-Best-JS-Game-Framework)[39m
[38;5;12m- [39m[38;5;14m[1mCanvasEngine[0m[38;5;12m (https://github.com/RSamaium/CanvasEngine)[39m
[38;5;12m- [39m[38;5;14m[1mQuintus[0m[38;5;12m (https://github.com/cykod/Quintus)[39m
[38;5;12m- [39m[38;5;14m[1mStage.js[0m[38;5;12m (https://github.com/piqnt/stage.js/)[39m
[38;5;12m- [39m[38;5;14m[1mphaser - 一个快速、免费、开源的 HTML5 游戏框架[0m[38;5;12m (https://github.com/photonstorm/phaser/)[39m
[38;5;12m- [39m[38;5;14m[1mp2.js[0m[38;5;12m (https://github.com/schteppe/p2.js) - web 物理引擎[39m

[38;2;255;187;0m[4m4. ui组件库(CSS Framework)[0m

[38;5;12m- [39m[38;5;14m[1mWeUI - 微信官方UI库[0m[38;5;12m (https://github.com/weui/weui)[39m
[38;5;12m  - [39m[38;5;14m[1mjQuery WeUI - WeUI的jQuery版本[0m[38;5;12m (https://github.com/lihongxun945/jquery-weui)[39m
[38;5;12m- [39m[38;5;14m[1mGMU - 基于zepto的ui组件库，适用于移动端[0m[38;5;12m (https://github.com/fex-team/GMU)[39m
[38;5;12m- [39m[38;5;14m[1mFrozenUI - 腾讯移动端组件库[0m[38;5;12m (https://github.com/frozenui/frozenui)[39m
[38;5;12m- [39m[38;5;14m[1mNEC - 更好的CSS方案 [0m[38;5;12m (http://nec.netease.com/)[39m
[38;5;12m- [39m[38;5;14m[1mNEJ - 更好的JS解决方案[0m[38;5;12m (http://nej.netease.com/)[39m
[38;5;12m- [39m[38;5;14m[1mPure CSS Components[0m[38;5;12m (https://github.com/LFeh/css-components/)[39m
[38;5;12m- [39m[38;5;14m[1mmagic-of-css[0m[38;5;12m (https://github.com/adamschwartz/magic-of-css)[39m
[38;5;12m- [39m[38;5;14m[1mPrimer - The CSS toolkit and guidelines that power GitHub[0m[38;5;12m (https://github.com/primer/primer)[39m
[38;5;12m- [39m[38;5;14m[1mlight7 - A Light and easy to use UI Lib[0m[38;5;12m (https://github.com/lihongxun945/light7)[39m
[38;5;12m- [39m[38;5;14m[1mSpectre.css - 轻量、响应式的现代 CSS 框架[0m[38;5;12m (https://github.com/picturepan2/spectre)[39m
[38;5;12m- [39m[38;5;14m[1mmobi.css - 一个轻量、灵活的移动端 CSS 框架[0m[38;5;12m (https://github.com/xcatliu/mobi.css)[39m

[38;2;255;187;0m[4m5. 基础模版[0m
[38;5;12m- 浏览器统一(Cross Browser)[39m
[38;5;12m  - [39m[38;5;14m[1mHTML5 BOILERPLATE[0m[38;5;12m (https://github.com/h5bp/html5-boilerplate)[39m
[38;5;12m  - [39m[38;5;14m[1mModernizr[0m[38;5;12m (https://github.com/Modernizr/Modernizr)[39m
[38;5;12m  - [39m[38;5;14m[1mNormalize.css[0m[38;5;12m (https://github.com/necolas/normalize.css/)[39m
[38;5;12m  - [39m[38;5;14m[1mHTML5 Shiv - 让ie浏览器成为支持html5的浏览器的解决方法[0m[38;5;12m (https://github.com/afarkas/html5shiv)[39m
[38;5;12m  - [39m[38;5;14m[1mcssFx - 为CSS3自动生成浏览器前缀[0m[38;5;12m (https://github.com/imsky/cssFx)[39m
[38;5;12m  - [39m[38;5;14m[1m-prefix-free - Break free from CSS prefix hell[0m[38;5;12m (https://github.com/LeaVerou/prefixfree)[39m
[38;5;12m  - [39m[38;5;14m[1mieBetter.js - make ie browser like a morden browser main for ie6~ie8[0m[38;5;12m (https://github.com/zhangxinxu/ieBetter.js)[39m
[38;5;12m  - [39m[38;5;14m[1mes6-promise - Promise 对象的兼容[0m[38;5;12m (https://github.com/stefanpenner/es6-promise)[39m
[38;5;12m- 响应式[39m
[38;5;12m  - [39m[38;5;14m[1mResponsive - 响应式布局[0m[38;5;12m (https://github.com/ResponsiveBP/Responsive)[39m
[38;5;12m  - [39m[38;5;14m[1mEnquire.js - Awesome Media Queries in JavaScript[0m[38;5;12m (https://github.com/WickyNilliams/enquire.js)[39m
[38;5;12m  - [39m[38;5;14m[1mFree Wall - 创建桌面，移动和平板的动态网格布局[0m[38;5;12m (https://github.com/kombai/freewall)[39m
[38;5;12m- 适配方案[39m
[38;5;12m  - [39m[38;5;14m[1mMetaHandler.js：移动端适配各种屏幕无痛工具脚本[0m[38;5;12m (https://github.com/unbug/generator-webappstarter/blob/master/app/templates/app/src/util/MetaHandler.js)[39m
[38;5;12m  - [39m[38;5;14m[1mlib-flexible: 移动端自适应方案[0m[38;5;12m (https://github.com/amfe/lib-flexible)[39m
[48;5;235m[38;5;249m- **参考: 使用Flexible实现手淘H5页面的终端适配** (https://github.com/amfe/article/issues/17?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io)[49m[39m
[48;5;235m[38;5;249m- **flexible demo 1** (http://ufologist.github.io/responsive-page/others-responsive/flexible.html)[49m[39m[48;5;235m[38;5;249m                                                      [49m[39m
[48;5;235m[38;5;249m- **flexible demo 2** (http://huodong.m.taobao.com/act/yibo.html)[49m[39m[48;5;235m[38;5;249m                                                                                       [49m[39m
[38;5;12m  - [39m[38;5;14m[1mpageResponse[0m[38;5;12m (https://github.com/peunzhang/pageResponse)[39m
[38;5;12m  - [39m[38;5;14m[1mresponsive-page[0m[38;5;12m (https://github.com/ufologist/responsive-page)[39m

[38;2;255;187;0m[4m6. 排版[0m

[38;5;12m- [39m[38;5;14m[1myue.css[0m[38;5;12m (https://github.com/lepture/yue.css)[39m
[38;5;12m- [39m[38;5;14m[1mtypo.css[0m[38;5;12m (https://github.com/sofish/typo.css)[39m
[38;5;12m- [39m[38;5;14m[1mchinese-copywriting-guidelines - 中文文案排版指南[0m[38;5;12m (https://github.com/sparanoid/chinese-copywriting-guidelines) [39m

[38;2;255;187;0m[4m7. 网格系统[0m

[38;5;12m- [39m[38;5;14m[1mgrid[0m[38;5;12m (https://github.com/aekaplan/grid)[39m
[38;5;12m- [39m[38;5;14m[1mFlexbox Grid[0m[38;5;12m (https://github.com/kristoferjoseph/flexboxgrid)[39m
[38;5;12m- [39m[38;5;14m[1mMasonJS - creating a perfect grid[0m[38;5;12m (https://github.com/DrewDahlman/Mason)[39m


[38;2;255;187;0m[4m8. 路由和链接(Routing And URLs)[0m

[38;5;12m- [39m[38;5;14m[1mHistory.js - gracefully supports the HTML5 History/State APIs[0m[38;5;12m (https://github.com/browserstate/history.js)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-pjax - pushState+ajax[0m[38;5;12m (https://github.com/defunkt/jquery-pjax)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-address - Deep Linking[0m[38;5;12m (https://github.com/asual/jquery-address)[39m
[38;5;12m- [39m[38;5;14m[1mpage.js - Micro client-side router[0m[38;5;12m (https://github.com/visionmedia/page.js)[39m
[38;5;12m- [39m[38;5;14m[1mcrossroads.js[0m[38;5;12m (https://github.com/millermedeiros/crossroads.js)[39m
[38;5;12m- [39m[38;5;14m[1mhash.js[0m[38;5;12m (https://github.com/javve/hash.js)  [39m
[38;5;12m- [39m[38;5;14m[1mpath.js[0m[38;5;12m (https://github.com/mtrpcic/pathjs)[39m
[38;5;12m- [39m[38;5;14m[1mdirector.js - 前端路由库(通过#符号进行路径组织,结合vue的component可进行单页的局部模块刷新)[0m[38;5;12m (https://github.com/flatiron/director)[39m
[38;5;12m- [39m[38;5;14m[1mURI.js[0m[38;5;12m (https://github.com/medialize/URI.js)[39m
[38;5;12m- [39m[38;5;14m[1mRoadcrew.js[0m[38;5;12m (https://github.com/grobmeier/Roadcrew.js)[39m
[38;5;12m- [39m[38;5;14m[1mSpeakingURL[0m[38;5;12m (https://github.com/pid/speakingurl)[39m
[38;5;12m- [39m[38;5;14m[1muparams - An URL params parser[0m[38;5;12m (https://github.com/YanagiEiichi/uparams)[39m
[38;5;12m- [39m[38;5;14m[1mStateMan - 一个处理深层次单页系统的路由库[0m[38;5;12m (https://github.com/leeluolee/stateman)[39m
[38;5;12m- [39m[38;5;14m[1mqs - A querystring parser with nesting support[0m[38;5;12m (https://github.com/ljharb/qs)[39m
[38;5;12m- [39m[38;5;14m[1mquery-string[0m[38;5;12m (https://github.com/sindresorhus/query-string) - Parse and stringify URL query strings[39m

[38;2;255;187;0m[4m9. UA 识别[0m

[38;5;12m- [39m[38;5;14m[1mdetector[0m[38;5;12m (https://github.com/hotoo/detector)[39m
[38;5;12m- [39m[38;5;14m[1mua-parser-js[0m[38;5;12m (https://github.com/faisalman/ua-parser-js/)[39m
[38;5;12m- [39m[38;5;14m[1mplatform.js[0m[38;5;12m (https://github.com/bestiejs/platform.js/)[39m

[38;2;255;187;0m[4m10. 表单处理[0m

[38;2;255;187;0m[4m10.1 表单验证(Form Validator)/表单提示[0m

[38;5;12m- [39m[38;5;14m[1mValidator[0m[38;5;12m (https://github.com/niceue/validator)[39m
[38;5;12m- [39m[38;5;14m[1mParsley[0m[38;5;12m (https://github.com/guillaumepotier/Parsley.js)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.form.js - jQuery Form Plugin[0m[38;5;12m (https://github.com/malsup/form)[39m
[38;5;12m- [39m[38;5;14m[1mValidform[0m[38;5;12m (https://github.com/haiercdboy/Validform)[39m
[38;5;12m- [39m[38;5;14m[1mvalidator.js[0m[38;5;12m (https://github.com/sofish/validator.js)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-validation - jQuery Validation Plugin[0m[38;5;12m (https://github.com/jzaefferer/jquery-validation)[39m
[38;5;12m- [39m[38;5;14m[1mformvalidator.js[0m[38;5;12m (https://github.com/victorjonsson/jQuery-Form-Validator)[39m
[38;5;12m- [39m[38;5;14m[1mFort.js – 表单填写进度提示[0m[38;5;12m (http://github.com/Colourity/Fort.js)[39m
[38;5;12m- [39m[38;5;14m[1mmailcheck - 用于检测email地址的域名[0m[38;5;12m (https://github.com/mailcheck/mailcheck)[39m
[38;5;12m- [39m[38;5;14m[1mFloatlable.js - 输入时显示placeholder文本[0m[38;5;12m (https://github.com/clubdesign/floatlabels.js)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Label Better[0m[38;5;12m (https://github.com/peachananr/label_better)[39m
[38;5;12m- [39m[38;5;14m[1mvalidator.js[0m[38;5;12m (https://github.com/ppoffice/validator.js)[39m

[38;2;255;187;0m[4m10.2  相关[0m

[38;5;12m- [39m[38;5;14m[1mcleave.js - 格式化你的输入内容[0m[38;5;12m (https://github.com/nosir/cleave.js)[39m

[38;2;255;187;0m[4m10.3  相关[0m

[38;5;12m- [39m[38;5;14m[1mChosen[0m[38;5;12m (https://github.com/harvesthq/chosen)[39m
[38;5;12m- [39m[38;5;14m[1mSelect2[0m[38;5;12m (https://github.com/select2/select2)[39m
[38;5;12m- [39m[38;5;14m[1mbootstrap-select[0m[38;5;12m (https://github.com/silviomoreto/bootstrap-select)[39m

[38;2;255;187;0m[4m10.4 单选框/复选框相关[0m

[38;5;12m- [39m[38;5;14m[1miCheck - 增强复选框和单选按钮[0m[38;5;12m (https://github.com/fronteed/iCheck)[39m
[38;5;12m- [39m[38;5;14m[1mSwitchery - iOS 7 style switches for your checkboxes[0m[38;5;12m (https://github.com/abpetkov/switchery)[39m

[38;2;255;187;0m[4m10.5 上传组件[0m

[38;5;12m- [39m[38;5;14m[1mjQuery File Upload Plugin[0m[38;5;12m (https://github.com/blueimp/jQuery-File-Upload)[39m
[38;5;12m- [39m[38;5;14m[1m百度 Web Uploader[0m[38;5;12m (http://fex-team.github.io/webuploader/)[39m
[38;5;12m- [39m[38;5;14m[1muploadify[0m[38;5;12m (http://www.uploadify.com/)[39m
[38;5;12m- [39m[38;5;14m[1mPlupload[0m[38;5;12m (https://github.com/moxiecode/plupload)[39m
[38;5;12m- [39m[38;5;14m[1mFine Uploader[0m[38;5;12m (http://fineuploader.com/index.html)[39m
[38;5;12m- [39m[38;5;14m[1marale-upload - 轻量级 iframe and html5 file uploader[0m[38;5;12m (https://github.com/aralejs/upload)[39m
[38;5;12m- [39m[38;5;14m[1mDropzone.js - 文件上传库(可获取文件mime, 文件大小等; 针对图片可生成缩略图,获取图片宽度,高度)[0m[38;5;12m (https://github.com/enyo/dropzone)[39m
[38;5;12m- [39m[38;5;14m[1mflow.js[0m[38;5;12m (https://github.com/flowjs/flow.js)[39m
[38;5;12m- [39m[38;5;14m[1mlocalResizeIMG - 前端本地客户端压缩图片，兼容IOS，Android，PC[0m[38;5;12m (https://github.com/think2011/localResizeIMG)[39m
[38;5;12m- [39m[38;5;14m[1msimple-uploader[0m[38;5;12m (https://github.com/mycolorway/simple-uploader)[39m

[38;2;255;187;0m[4m10.6 日期选择[0m

[38;5;12m- [39m[38;5;14m[1mtui.calendar[0m[38;5;12m (https://github.com/nhnent/tui.calendar) - A JavaScript calendar that everything you need.[39m
[38;5;12m- [39m[38;5;14m[1mBoth Date and Time picker widget based on twitter bootstrap[0m[38;5;12m (https://github.com/smalot/bootstrap-datetimepicker)[39m
[38;5;12m- [39m[38;5;14m[1mGMU 日历组件[0m[38;5;12m (http://gmu.baidu.com/demo/widget/calendar/calendar.html)[39m
[38;5;12m- [39m[38;5;14m[1mMobiscroll[0m[38;5;12m (https://github.com/acidb/mobiscroll)[39m
[38;5;12m- [39m[38;5;14m[1mPikaday - 日期选择器[0m[38;5;12m (https://github.com/dbushell/Pikaday)[39m
[38;5;12m- 价格日历[39m
[38;5;12m  - [39m[38;5;14m[1mPriceCalendar - 酒店价格日历[0m[38;5;12m (https://github.com/fugm/PriceCalendar)[39m
[48;5;235m[38;5;249m- **API文档** (http://fgm.cc/learn/calendar/price-calendar/api.html)  [49m[39m
[48;5;235m[38;5;249m- **DEMO** (http://fgm.cc/learn/calendar/price-calendar/)[49m[39m[48;5;235m[38;5;249m             [49m[39m
[38;5;12m  - [39m[38;5;14m[1mprice-calendar - 价格日历[0m[38;5;12m (https://github.com/wind-stone/price-calendar)[39m
[38;5;12m  - [39m[38;5;14m[1mprice_calendar - 含有商品价格的日历控件[0m[38;5;12m (https://github.com/zhangyi5628/price_calendar)[39m
[38;5;12m- [39m[38;5;14m[1mairbnb/react-dates[0m[38;5;12m (https://github.com/airbnb/react-dates) - Airbnb 的日期选择器[39m

[38;2;255;187;0m[4m10.7 取色[0m

[38;5;12m- [39m[38;5;14m[1mColorpicker plugin for Twitter Bootstrap[0m[38;5;12m (https://github.com/mjolnic/bootstrap-colorpicker)[39m
[38;5;12m- [39m[38;5;14m[1maverage-color - Get Average Color of Image[0m[38;5;12m (https://github.com/matkl/average-color)[39m

[38;2;255;187;0m[4m10.8 标签插件(Tag)[0m

[38;5;12m- [39m[38;5;14m[1mTaggingJS – 可以灵活定制的 jQuery 标签系统插件[0m[38;5;12m (https://github.com/sniperwolf/taggingJS)[39m
[38;5;12m- [39m[38;5;14m[1mselectize.js[0m[38;5;12m (https://github.com/brianreavis/selectize.js)[39m
[38;5;12m- [39m[38;5;14m[1mBootstrap Tags Input[0m[38;5;12m (https://github.com/timschlechter/bootstrap-tagsinput/)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery-Tags-Input[0m[38;5;12m (https://github.com/xoxco/jQuery-Tags-Input)[39m

[38;2;255;187;0m[4m10.9 自动完成插件[0m

[38;5;12m- [39m[38;5;14m[1malgolia/autocomplete.js[0m[38;5;12m (https://github.com/algolia/autocomplete.js) - 自动补全插件[39m
[38;5;12m- [39m[38;5;14m[1mAt.js - 一个Twitter/微博样式的@自动完成插件[0m[38;5;12m (https://github.com/ichord/At.js)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-textcomplete - 智能搜索提示框/自动补全[0m[38;5;12m (https://github.com/yuku-t/jquery-textcomplete)[39m
[38;5;12m- [39m[38;5;14m[1mtypeahead.js - a fast and fully-featured autocomplete library[0m[38;5;12m (https://github.com/twitter/typeahead.js)[39m

[38;2;255;187;0m[4m10.10 样式修正[0m

[38;5;12m- [39m[38;5;14m[1mautosize - 使文本框自动适应所输入的内容[0m[38;5;12m (https://github.com/jackmoore/autosize)[39m

[38;2;255;187;0m[4m11. 图表绘制/图形库(Graphics)[0m

[38;5;12m- [39m[38;5;14m[1mapache/incubator-echarts[0m[38;5;12m (https://github.com/ecomfe/echarts) - 百度开源可视化库[39m
[38;5;12m- [39m[38;5;14m[1malibaba/BizCharts[0m[38;5;12m (https://github.com/alibaba/BizCharts) - 阿里巴巴桌面端商业统计图表解决方案[39m
[38;5;12m- [39m[38;5;14m[1mantvis/f2[0m[38;5;12m (https://github.com/antvis/f2) - 蚂蚁金服移动端可视化解决方案[39m
[38;5;12m- [39m[38;5;14m[1mHighcharts[0m[38;5;12m (https://github.com/highslide-software/highcharts.com)[39m
[38;5;12m- [39m[38;5;14m[1mChart.js[0m[38;5;12m (https://github.com/nnnick/Chart.js) - Simple HTML5 Charts using Canvas[39m
[38;5;12m- [39m[38;5;14m[1mChartist.js[0m[38;5;12m (https://github.com/gionkunz/chartist-js)[39m
[38;5;12m- [39m[38;5;14m[1mD3.js[0m[38;5;12m (https://github.com/mbostock/d3) - A JavaScript visualization library for HTML and SVG.[39m
[38;5;12m  - [39m[38;5;14m[1mintro-to-d3[0m[38;5;12m (https://github.com/square/intro-to-d3) - a D3.js tutorial[39m
[38;5;12m- [39m[38;5;14m[1mBonsai[0m[38;5;12m (https://github.com/uxebu/bonsai) - 一个功能强大的JavaScript图形库[39m
[38;5;12m- [39m[38;5;14m[1mepoch[0m[38;5;12m (https://github.com/fastly/epoch/) - 数据图表可视化[39m
[38;5;12m- [39m[38;5;14m[1mVis.js[0m[38;5;12m (https://github.com/almende/vis)[39m
[38;5;12m- [39m[38;5;14m[1mCoutour.js[0m[38;5;12m (https://github.com/forio/contour)[39m
[38;5;12m- [39m[38;5;14m[1mecomfe/zrender[0m[38;5;12m (https://github.com/ecomfe/zrender) - 一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，让canvas绘图大不同！[39m
[38;5;12m- [39m[38;5;14m[1mapexcharts.js[0m[38;5;12m (https://github.com/apexcharts/apexcharts.js) - Interactive and Modern SVG Charts [39m
[38;5;12m- [39m[38;5;14m[1mmapbox/mapbox-gl-js[0m[38;5;12m (https://github.com/mapbox/mapbox-gl-js) - MapboxGL 基于 WebGL 使用矢量切片和 Mapbox 样式渲染交互式地图[39m
[38;5;12m- [39m[38;5;14m[1mKujiale-Mobile/Painter[0m[38;5;12m (https://github.com/Kujiale-Mobile/Painter) - 小程序生成图片库[39m
[38;5;12m- [39m[38;5;14m[1mcanvg/canvg[0m[38;5;12m (https://github.com/canvg/canvg) - Javascript SVG parser and renderer on Canvas[39m

[38;2;255;187;0m[4m12. 日期格式化 & 时间轴[0m

[38;5;12m- [39m[38;5;14m[1mMoment.js[0m[38;5;12m (http://momentjs.com/) - 日期处理[39m
[38;5;12m- [39m[38;5;14m[1mDay.js[0m[38;5;12m (https://github.com/xx45/dayjs) - 日期处理[39m
[38;5;12m- [39m[38;5;14m[1mSmart Time Ago[0m[38;5;12m (https://github.com/pragmaticly/smart-time-ago) - 显示相对时间[39m
[38;5;12m- [39m[38;5;14m[1mtimeline.js[0m[38;5;12m (https://github.com/vorg/timeline.js)[39m
[38;5;12m- [39m[38;5;14m[1mtimeago.js[0m[38;5;12m (https://github.com/hustcc/timeago.js)[39m
[38;5;12m- [39m[38;5;14m[1mdate-utils[0m[38;5;12m (https://www.npmjs.com/package/date-utils) - Date Pollyfills for Node.js and Browser[39m

[38;2;255;187;0m[4m13. 页面交互[0m

[38;2;255;187;0m[4m13.1 Slider[0m

[38;5;12m- [39m[38;5;14m[1mslick - the last carousel you'll ever need[0m[38;5;12m (https://github.com/kenwheeler/slick/)[39m
[38;5;12m- [39m[38;5;14m[1mSwipe - the most accurate touch slider[0m[38;5;12m (https://github.com/thebird/Swipe)[39m
[38;5;12m- [39m[38;5;14m[1mSwiper - Most modern mobile touch slider[0m[38;5;12m (https://github.com/nolimits4web/Swiper)[39m
[38;5;12m- [39m[38;5;14m[1miscroll - Smooth scrolling for the web[0m[38;5;12m (https://github.com/cubiq/iscroll)[39m
[38;5;12m- [39m[38;5;14m[1miSlider - 移动端滑动组件[0m[38;5;12m (https://github.com/BE-FE/iSlider)[39m
[38;5;12m- [39m[38;5;14m[1mOwlCarousel - create beautiful responsive carousel slider[0m[38;5;12m (https://github.com/OwlFonk/OwlCarousel)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-mousewheel - jQuery鼠标滚轮滚动侦测插件[0m[38;5;12m (https://github.com/jquery/jquery-mousewheel/)[39m
[38;5;12m- [39m[38;5;14m[1mGlide.js - 轻量级滑块组件[0m[38;5;12m (https://github.com/jedrzejchalubek/Glide.js)[39m
[38;5;12m- [39m[38;5;14m[1mPhotoSwipe[0m[38;5;12m (https://github.com/dimsemenov/photoswipe)[39m
[38;5;12m- [39m[38;5;14m[1mTouchSlide - 触屏滑动特效(焦点图,Tab切换)[0m[38;5;12m (http://www.superslide2.com/TouchSlide/)[39m
[38;5;12m- [39m[38;5;14m[1mbetter-scroll[0m[38;5;12m (https://github.com/ustbhuangyi/better-scroll) -  inspired by iscroll, and it supports more features and has a better scroll perfermance[39m

[38;2;255;187;0m[4m13.2 瀑布流[0m

[38;5;12m- [39m[38;5;14m[1mMasonry[0m[38;5;12m (http://masonry.desandro.com/)[39m
[38;5;12m- [39m[38;5;14m[1mIsotope - Filter & sort magical layouts[0m[38;5;12m (http://isotope.metafizzy.co/)[39m
[38;5;12m- [39m[38;5;14m[1mBricklayer[0m[38;5;12m (https://github.com/ademilter/bricklayer)[39m

[38;2;255;187;0m[4m13.3 懒加载/加载监听/预加载[0m

[38;5;12m- [39m[38;5;14m[1mimagesLoaded[0m[38;5;12m (https://github.com/desandro/imagesloaded)[39m
[38;5;12m- [39m[38;5;14m[1mEcho.js[0m[38;5;12m (https://github.com/toddmotto/echo)[39m
[38;5;12m- [39m[38;5;14m[1mlazySizes[0m[38;5;12m (https://github.com/aFarkas/lazysizes)[39m
[38;5;12m- [39m[38;5;14m[1mjquery_lazyload[0m[38;5;12m (https://github.com/tuupola/jquery_lazyload)[39m
[38;5;12m- [39m[38;5;14m[1mBttrLazyLoading[0m[38;5;12m (https://github.com/shprink/bttrlazyloading/)[39m
[38;5;12m- [39m[38;5;14m[1mlazyload.js[0m[38;5;12m (https://github.com/vvo/lazyload)[39m
[38;5;12m- [39m[38;5;14m[1mlayzr.js - 一个小巧快速的图片懒加载库[0m[38;5;12m (https://github.com/callmecavs/layzr.js)[39m
[38;5;12m- [39m[38;5;14m[1mwaitForImages - 图片加载监听库[0m[38;5;12m (https://github.com/alexanderdickson/waitForImages)[39m
[38;5;12m- [39m[38;5;14m[1mPxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能[0m[38;5;12m (https://github.com/thinkpixellab/PxLoader)[39m
[38;5;12m- [39m[38;5;14m[1mbindWithDelay - jQuery Plugin For Delayed Event Execution[0m[38;5;12m (https://github.com/bgrins/bindWithDelay)[39m
[38;5;12m- [39m[38;5;14m[1mTypeWatch - 停止输入时调用[0m[38;5;12m (https://github.com/dennyferra/TypeWatch)[39m

[38;2;255;187;0m[4m13.4 图片轮播(幻灯片)/图片展示 [0m

[38;5;12m- [39m[38;5;14m[1mFlexSlider[0m[38;5;12m (https://github.com/woothemes/FlexSlider)[39m
[38;5;12m- [39m[38;5;14m[1munslider - 小而美的轮播库[0m[38;5;12m (https://github.com/idiot/unslider)[39m
[38;5;12m- [39m[38;5;14m[1mprettyPhoto[0m[38;5;12m (https://github.com/scaron/prettyphoto)[39m
[38;5;12m- [39m[38;5;14m[1mFlickerPlate - A cool jQuery plugin that lets you flick through content.[0m[38;5;12m (https://github.com/chrishumboldt/Flickerplate)[39m
[38;5;12m- [39m[38;5;14m[1mHolder.js - Client-side image placeholders.[0m[38;5;12m (https://github.com/imsky/holder)[39m
[38;5;12m- [39m[38;5;14m[1mRowGrid.js - 在径直的行里放置图片[0m[38;5;12m (https://github.com/brunjo/rowGrid.js)[39m
[38;5;12m- [39m[38;5;14m[1mImageLightbox.js - 灯箱效果[0m[38;5;12m (http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/)[39m
[38;5;12m- [39m[38;5;14m[1mJQuery Panorama Viewer - 全景视图[0m[38;5;12m (https://github.com/peachananr/panorama_viewer)[39m
[38;5;12m- [39m[38;5;14m[1mIntense Images - 全屏查看图片[0m[38;5;12m (https://github.com/tholman/intense-images)[39m
[38;5;12m- [39m[38;5;14m[1mPicturefill - 一个响应式图片 JS 插件[0m[38;5;12m (http://scottjehl.github.io/picturefill/)[39m
[38;5;12m- [39m[38;5;14m[1mzoom.js - 一个 jQuery 图片放大插件[0m[38;5;12m (https://github.com/fat/zoom.js)[39m
[38;5;12m- [39m[38;5;14m[1mwatermarkjs - 一个在浏览器中添加图片水印的 JS 库[0m[38;5;12m (https://github.com/brianium/watermarkjs)[39m
[38;5;12m- [39m[38;5;14m[1mresponsive-images.js[0m[38;5;12m (https://github.com/kvendrik/responsive-images.js)[39m
[38;5;12m- [39m[38;5;14m[1mTurntable.js - 轻易实现图像的3D旋转[0m[38;5;12m (https://github.com/polarnotion/turntable)[39m
[38;5;12m- [39m[38;5;14m[1mResponsifyJS - 让图像完全响应式而不会牺牲图像的主要部分[0m[38;5;12m (https://github.com/wentin/ResponsifyJS)[39m
[38;5;12m- [39m[38;5;14m[1mreact-slick - React 实现的轮播图插件[0m[38;5;12m (https://github.com/akiran/react-slick)[39m

[38;2;255;187;0m[4m13.5 图片剪裁/图片处理/图片转换[0m

[38;5;12m- [39m[38;5;14m[1mcropperjs[0m[38;5;12m (https://github.com/fengyuanchen/cropperjs) - 图片裁切[39m
[38;5;12m- [39m[38;5;14m[1mJcrop -  Image Cropping Plugin for jQuery[0m[38;5;12m (https://github.com/tapmodo/Jcrop)[39m
[38;5;12m- [39m[38;5;14m[1mcroppic - an image cropping jquery plugin[0m[38;5;12m (https://github.com/sconsult/croppic)[39m
[38;5;12m- [39m[38;5;14m[1msmartcrop.js - 智能图片裁剪库[0m[38;5;12m (https://github.com/jwagner/smartcrop.js)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery.eraser - 图像擦除插件[0m[38;5;12m (https://github.com/boblemarin/jQuery.eraser)[39m
[38;5;12m- [39m[38;5;14m[1mDD_belatedPNG.js - 让IE6支持透明PNG图片[0m[38;5;12m (http://www.dillerdesign.com/experiment/DD_belatedPNG/)[39m
[38;5;12m- [39m[38;5;14m[1mFocusPoint.js 实现图片的响应式裁剪[0m[38;5;12m (https://github.com/jonom/jquery-focuspoint)[39m
[38;5;12m- [39m[38;5;14m[1mimgareaselect[0m[38;5;12m (https://github.com/odyniec/imgareaselect)[39m
[38;5;12m- [39m[38;5;14m[1mCSSgram - CSS 实现的 Instagram 滤镜库[0m[38;5;12m (https://github.com/una/CSSgram)[39m
[38;5;12m- [39m[38;5;14m[1minstagram.css - 另一个 CSS 实现的 Instagram 滤镜库[0m[38;5;12m (https://github.com/picturepan2/instagram.css)[39m
[38;5;12m- [39m[38;5;14m[1mantimoderate - 图片模糊库[0m[38;5;12m (https://github.com/whackashoe/antimoderate)[39m
[38;5;12m- [39m[38;5;14m[1mvue-cropper[0m[38;5;12m (https://github.com/xyxiao001/vue-cropper/) - Vue.js 的图片剪裁插件[39m
[38;5;12m- [39m[38;5;14m[1mreact-cropper[0m[38;5;12m (https://github.com/roadmanfong/react-cropper) - React 的图片剪裁插件[39m
[38;5;12m- [39m[38;5;14m[1mreact-image-crop[0m[38;5;12m (https://github.com/DominicTobias/react-image-crop) - React 的图片剪裁插件[39m
[38;5;12m- [39m[38;5;14m[1mrasterizeHTML.js[0m[38;5;12m (https://github.com/cburgmer/rasterizeHTML.js) - HTML转图片(网页截图)[39m
[38;5;12m- [39m[38;5;14m[1mhtml2canvas[0m[38;5;12m (https://github.com/niklasvh/html2canvas) - HTML转图片(实现纯JS网页截图)[39m
[38;5;12m- [39m[38;5;14m[1mdom-to-image[0m[38;5;12m (https://github.com/tsayen/dom-to-image) - HTML转图片[39m
[38;5;12m- [39m[38;5;14m[1mdomvas[0m[38;5;12m (https://github.com/pbakaus/domvas) - HTML转图片[39m
[38;5;12m- [39m[38;5;14m[1mmerge-images[0m[38;5;12m (https://github.com/lukechilds/merge-images) - 多张图片合成一张图片的浏览器 JS 库，使用了 Canvas[39m

[38;2;255;187;0m[4m13.6 进度条/加载动画(Loading)[0m

[38;5;12m- [39m[38;5;14m[1mNProgress.js[0m[38;5;12m (http://ricostacruz.com/nprogress/)[39m
[38;5;12m- [39m[38;5;14m[1mprogress.js[0m[38;5;12m (https://github.com/usablica/progress.js)[39m
[38;5;12m- [39m[38;5;14m[1mHubSpot/pace[0m[38;5;12m (https://github.com/HubSpot/pace) - Pace 是一个页面加载进度条工具[39m
[38;5;12m- [39m[38;5;14m[1mjquery-ajax-progress[0m[38;5;12m (https://github.com/englercj/jquery-ajax-progress)[39m
[38;5;12m- [39m[38;5;14m[1mnanobar[0m[38;5;12m (https://github.com/jacoborus/nanobar) - Very lightweight progress bars.[39m
[38;5;12m- [39m[38;5;14m[1mwaitMe[0m[38;5;12m (https://github.com/vadimsva/waitMe) - 很漂亮的loading效果[39m
[38;5;12m- [39m[38;5;14m[1mspin.js[0m[38;5;12m (https://github.com/fgnass/spin.js)[39m
[38;5;12m- [39m[38;5;14m[1msonic.js[0m[38;5;12m (https://github.com/padolsey/sonic.js)[39m
[38;5;12m- [39m[38;5;14m[1mfakeLoader.js[0m[38;5;12m (https://github.com/joaopereirawd/fakeLoader.js)[39m
[38;5;12m- [39m[38;5;14m[1mloaders.css[0m[38;5;12m (https://github.com/ConnorAtherton/loaders.css) - 一个为性能优化的实现加载动画效果的 CSS 框架[39m
[38;5;12m- [39m[38;5;14m[1mcss-loaders[0m[38;5;12m (https://github.com/lukehaas/css-loaders)[39m
[38;5;12m- [39m[38;5;14m[1mSausage[0m[38;5;12m (https://github.com/christophercliff/sausage) - 跟踪滚动条并记录当前阅读所处节点[39m
[38;5;12m- [39m[38;5;14m[1mloading.io[0m[38;5;12m (https://loading.io/) - 一个 Loading 图标的网站[39m

[38;2;255;187;0m[4m13.7 侧滑插件(offcancas)[0m

[38;5;12m- [39m[38;5;14m[1mpushy -  a responsive off-canvas navigation menu [0m[38;5;12m (https://github.com/christophery/pushy)[39m
[38;5;12m- [39m[38;5;14m[1mSlideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单[0m[38;5;12m (https://github.com/mango/slideout)[39m

[38;2;255;187;0m[4m13.8 菜单(Menu)[0m

[38;5;12m- [39m[38;5;14m[1mSuperFish - 基于jQuery的级联下拉菜单[0m[38;5;12m (https://github.com/joeldbirch/superfish)[39m
[38;5;12m- [39m[38;5;14m[1mResponsive Nav - 响应式导航[0m[38;5;12m (https://github.com/viljamis/responsive-nav.js)[39m
[38;5;12m- [39m[38;5;14m[1mmetisMenu - A jQuery menu plugin[0m[38;5;12m (https://github.com/onokumus/metisMenu)[39m

[38;2;255;187;0m[4m13.9 滚动侦测(ScrollSpy)[0m

[38;5;12m- [39m[38;5;14m[1mjquery-scrollspy(1)[0m[38;5;12m (https://github.com/sxalexander/jquery-scrollspy)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-scrollspy(2)[0m[38;5;12m (https://github.com/thesmart/jquery-scrollspy)[39m
[38;5;12m- [39m[38;5;14m[1mWaypoints[0m[38;5;12m (https://github.com/imakewebthings/waypoints)[39m
[38;5;12m- [39m[38;5;14m[1mScrollMagic - 像进度条一样使用滚动条[0m[38;5;12m (https://github.com/janpaepke/ScrollMagic)[39m

[38;2;255;187;0m[4m13.10 滚动加载更多/下拉刷新(Pull to Refresh)[0m

[38;5;12m- [39m[38;5;14m[1mjScroll[0m[38;5;12m (https://github.com/pklauzinski/jscroll)[39m
[38;5;12m- [39m[38;5;14m[1mweb-pull-to-refresh[0m[38;5;12m (https://github.com/apeatling/web-pull-to-refresh)[39m
[38;5;12m- [39m[38;5;14m[1mpulltorefresh[0m[38;5;12m (https://github.com/dwcares/pulltorefresh)[39m
[38;5;12m- [39m[38;5;14m[1mRubberBand.js - add pull-to-refresh functionality to any page.[0m[38;5;12m (https://github.com/ThrivingKings/RubberBand.js)[39m

[38;2;255;187;0m[4m13.11 平滑滚动插件(Smooth Scroll)[0m

[38;5;12m- [39m[38;5;14m[1mjquery-smooth-scroll[0m[38;5;12m (https://github.com/kswedberg/jquery-smooth-scroll)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.scrollTo - 平滑滚动到页面指定位置[0m[38;5;12m (https://github.com/flesler/jquery.scrollTo)[39m
[38;5;12m- [39m[38;5;14m[1msmooth-scroll[0m[38;5;12m (https://github.com/cferdinandi/smooth-scroll)[39m
[38;5;12m- [39m[38;5;14m[1mscrollUp[0m[38;5;12m (https://github.com/markgoodyear/scrollup)[39m
[38;5;12m- [39m[38;5;14m[1melevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件[0m[38;5;12m (https://github.com/tholman/elevator.js)[39m

[38;2;255;187;0m[4m13.12 全屏滚动/全屏切换[0m

[38;5;12m- [39m[38;5;14m[1mpagePiling.js - 全屏滚动效果[0m[38;5;12m (https://github.com/alvarotrigo/pagePiling.js)[39m
[38;5;12m- [39m[38;5;14m[1mfullPage.js[0m[38;5;12m (https://github.com/alvarotrigo/fullPage.js/)[39m
[38;5;12m- [39m[38;5;14m[1monepage-scroll[0m[38;5;12m (https://github.com/peachananr/onepage-scroll)[39m
[38;5;12m- [39m[38;5;14m[1mzepto.fullpage - 专注于移动端的fullPage.js[0m[38;5;12m (https://github.com/yanhaijing/zepto.fullpage)[39m
[38;5;12m- [39m[38;5;14m[1mscreenfull.js - 切换全屏模式[0m[38;5;12m (https://github.com/sindresorhus/screenfull.js)[39m

[38;2;255;187;0m[4m13.13 分屏滚动[0m

[38;5;12m- [39m[38;5;14m[1mmultiscroll.js - 分屏滚动效果[0m[38;5;12m (https://github.com/alvarotrigo/multiscroll.js)[39m

[38;2;255;187;0m[4m13.14 转场效果[0m

[38;5;12m- [39m[38;5;14m[1mAnimsition - 页面切换时的过渡效果[0m[38;5;12m (https://github.com/blivesta/animsition)[39m

[38;2;255;187;0m[4m13.15 固定元素(Sticky)[0m

[38;5;12m- [39m[38;5;14m[1msticky - jQuery Plugin for Sticky Objects[0m[38;5;12m (https://github.com/garand/sticky)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.pin - 固定页面元素[0m[38;5;12m (https://github.com/webpop/jquery.pin)[39m
[38;5;12m- [39m[38;5;14m[1mstickUp[0m[38;5;12m (https://github.com/LiranCohen/stickUp)[39m
[38;5;12m- [39m[38;5;14m[1mSlinky.js - 堆叠头部创建滑动导航列表[0m[38;5;12m (https://github.com/iclanzan/slinky)[39m

[38;2;255;187;0m[4m13.16 触控事件[0m

[38;5;12m- [39m[38;5;14m[1mHammer.js[0m[38;5;12m (https://github.com/hammerjs/hammer.js)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.event.move.js[0m[38;5;12m (https://github.com/stephband/jquery.event.move)[39m

[38;2;255;187;0m[4m13.17 拖拽组件[0m

[38;5;12m- [39m[38;5;14m[1mDraggabilly - 专注于拖拽功能的 JS 库[0m[38;5;12m (https://github.com/desandro/draggabilly)[39m
[38;5;12m- [39m[38;5;14m[1mdragula - 一个让拖放操作变简单的 JS 库[0m[38;5;12m (https://github.com/bevacqua/dragula)[39m
[38;5;12m- [39m[38;5;14m[1mGridList - 可拖拉的响应式列表库[0m[38;5;12m (https://github.com/uberVU/grid)[39m
[38;5;12m- [39m[38;5;14m[1mreact-dnd[0m[38;5;12m (https://github.com/react-dnd/react-dnd) - React 拖拽组件[39m

[38;2;255;187;0m[4m13.18 隐藏或展示页面元素[0m

[38;5;12m- [39m[38;5;14m[1mHeadroom.js - 在不需要页头时将其隐藏[0m[38;5;12m (http://www.bootcss.com/p/headroom.js/)[39m
[38;5;12m- [39m[38;5;14m[1mReadmore.js - 内容显示与隐藏插件[0m[38;5;12m (https://github.com/jedfoster/Readmore.js)[39m
[38;5;12m- [39m[38;5;14m[1moriDomi - 像指一样折叠Dom元素[0m[38;5;12m (https://github.com/dmotz/oriDomi)[39m

[38;2;255;187;0m[4m13.19 滚动条(Scrollbar)[0m

[38;5;12m- [39m[38;5;14m[1mjScrollPane[0m[38;5;12m (https://github.com/vitch/jScrollPane)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.scrollbar[0m[38;5;12m (https://github.com/gromo/jquery.scrollbar)[39m
[38;5;12m- [39m[38;5;14m[1mperfect-scrollbar[0m[38;5;12m (https://github.com/noraesae/perfect-scrollbar)[39m
[38;5;12m- [39m[38;5;14m[1mnanoScrollerJS[0m[38;5;12m (https://github.com/jamesflorentino/nanoScrollerJS)[39m
[38;5;12m- [39m[38;5;14m[1mtinyscrollbar[0m[38;5;12m (https://github.com/wieringen/tinyscrollbar)[39m

[38;2;255;187;0m[4m13.20 视差滚动(Parallax Scrolling)[0m

[38;5;12m- [39m[38;5;14m[1mparallax.js[0m[38;5;12m (https://github.com/wagerfield/parallax)[39m
[38;5;12m- [39m[38;5;14m[1mjparallax[0m[38;5;12m (https://github.com/stephband/jparallax)[39m
[38;5;12m- [39m[38;5;14m[1mskrollr[0m[38;5;12m (https://github.com/Prinzhorn/skrollr)[39m

[38;2;255;187;0m[4m13.21 缩放 (Zooming)[0m

[38;5;12m- [39m[38;5;14m[1mzoom.js - 一款效果很独特的页面内容缩放插件[0m[38;5;12m (https://github.com/hakimel/zoom.js)[39m
[38;5;12m- [39m[38;5;14m[1mzoom.js - 一个 jQuery 图片放大插件[0m[38;5;12m (https://github.com/fat/zoom.js)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Zoom - mouseover时图片缩放效果[0m[38;5;12m (https://github.com/jackmoore/zoom)[39m

[38;2;255;187;0m[4m14. 代码高亮插件/代码编辑器[0m

[38;5;12m- [39m[38;5;14m[1mgoogle-code-prettify[0m[38;5;12m (https://code.google.com/p/google-code-prettify/)[39m
[38;5;12m- [39m[38;5;14m[1mhighlight.js[0m[38;5;12m (https://highlightjs.org/)[39m
[38;5;12m- [39m[38;5;14m[1mRainbow[0m[38;5;12m (http://craig.is/making/rainbows)[39m
[38;5;12m- [39m[38;5;14m[1mACE[0m[38;5;12m (https://github.com/ajaxorg/ace)[39m
[38;5;12m- [39m[38;5;14m[1mCodeMirror[0m[38;5;12m (https://github.com/codemirror/codemirror)[39m
[38;5;12m- [39m[38;5;14m[1mCrayon Syntax Highlighter[0m[38;5;12m (https://github.com/aramk/crayon-syntax-highlighter)[39m
[38;5;12m- [39m[38;5;14m[1mprism - Lightweight, robust, elegant syntax highlighting.[0m[38;5;12m (https://github.com/PrismJS/prism)[39m

[38;2;255;187;0m[4m15. 字体图标 ( Font Icon )[0m

[38;5;12m- [39m[38;5;14m[1mbytedance/IconPark[0m[38;5;12m (https://github.com/bytedance/IconPark)[39m
[38;5;12m- [39m[38;5;14m[1mFortAwesome/Font-Awesome[0m[38;5;12m (https://github.com/FortAwesome/Font-Awesome) - 提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式[39m
[38;5;12m- [39m[38;5;14m[1msimple-icons/simple-icons[0m[38;5;12m (https://github.com/simple-icons/simple-icons) - PNG and SVG icons for popular brands[39m
[38;5;12m- [39m[38;5;14m[1mlipis/flag-icon-css[0m[38;5;12m (https://github.com/lipis/flag-icon-css) - 所有国家国旗的 icon 库[39m

[38;2;255;187;0m[4m16. 动画(Animate)[0m

[38;5;12m- [39m[38;5;14m[1mSVGA[0m[38;5;12m (http://svga.io/index.html) - 全新的动画格式, 是一种同时兼容 iOS / Android / Flutter / Web 多个平台的动画格式[39m
[38;5;12m- [39m[38;5;14m[1manimate.css - A cross-browser library of CSS animations.[0m[38;5;12m (https://github.com/daneden/animate.css)[39m
[38;5;12m- [39m[38;5;14m[1mTransit - CSS transitions and transformations for jQuery[0m[38;5;12m (https://github.com/rstacruz/jquery.transit)[39m
[38;5;12m- [39m[38;5;14m[1manime.js - Javascript 动画引擎[0m[38;5;12m (https://github.com/juliangarnier/anime)[39m
[38;5;12m- [39m[38;5;14m[1mWOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画)[0m[38;5;12m (https://github.com/matthieua/WOW)[39m
[38;5;12m- [39m[38;5;14m[1mAniJS - A Library to Raise your Web Design without Coding[0m[38;5;12m (https://github.com/anijs/anijs/)[39m
[38;5;12m- [39m[38;5;14m[1mMove.js - 简化CSS3动画的JS库[0m[38;5;12m (https://github.com/visionmedia/move.js)[39m
[38;5;12m- [39m[38;5;14m[1mScrollMe – 在网页中加入各种滚动动画效果[0m[38;5;12m (https://github.com/nckprsn/scrollme)[39m
[38;5;12m- [39m[38;5;14m[1mEffeckt.css - A Performant Transitions and Animations Library[0m[38;5;12m (https://github.com/h5bp/Effeckt.css)[39m
[38;5;12m- [39m[38;5;14m[1mNEC动画库[0m[38;5;12m (http://nec.netease.com/library/category/#animation)[39m
[38;5;12m- [39m[38;5;14m[1mcsshake - CSS classes to move your DOM[0m[38;5;12m (https://github.com/elrumordelaluz/csshake)[39m
[38;5;12m- [39m[38;5;14m[1mmagic - CSS3 Animations with special effects[0m[38;5;12m (https://github.com/miniMAC/magic)[39m
[38;5;12m- [39m[38;5;14m[1mSpinKit[0m[38;5;12m (https://github.com/tobiasahlin/SpinKit)[39m
[38;5;12m- [39m[38;5;14m[1mVelocity.js - 加速JavaScript动画[0m[38;5;12m (https://github.com/julianshapiro/velocity)[39m
[38;5;12m- [39m[38;5;14m[1mlenticular.js - 响应倾斜或鼠标事件创建图片动画[0m[38;5;12m (https://github.com/thomasxiii/lenticular.js)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Interactive 3D - Create a 3D interactive object using images[0m[38;5;12m (https://github.com/peachananr/interactive_3d)[39m
[38;5;12m- [39m[38;5;14m[1mAnimateScroll - A Simple jQuery Plugin for Animating Scroll[0m[38;5;12m (https://github.com/ramswaroop/animatescroll.js)[39m
[38;5;12m- [39m[38;5;14m[1mBlast.js - 把动画和样式注入到文本中[0m[38;5;12m (https://github.com/julianshapiro/blast)[39m
[38;5;12m- [39m[38;5;14m[1mBounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库[0m[38;5;12m (https://github.com/tictail/bounce.js)[39m
[38;5;12m- [39m[38;5;14m[1mSticker.js - create a Sticker Effect[0m[38;5;12m (https://github.com/cmiscm/stickerjs)[39m
[38;5;12m- [39m[38;5;14m[1mscrollReveal.js - 元素进入可视区域自动触发设置好的动画[0m[38;5;12m (https://github.com/julianlloyd/scrollReveal.js)[39m
[38;5;12m- [39m[38;5;14m[1mstroll.js - CSS3 list scroll effects[0m[38;5;12m (https://github.com/hakimel/stroll.js)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Easing -  动画效果扩展[0m[38;5;12m (https://github.com/gdsmith/jquery.easing)[39m
[38;5;12m- [39m[38;5;14m[1manimations - CSS3 ANIMATION CHEAT SHEET[0m[38;5;12m (http://www.justinaguilar.com/animations/index.html)[39m
[38;5;12m- [39m[38;5;14m[1miconate.js：将 icons 增加动画效果的 JS 库[0m[38;5;12m (https://github.com/bitshadow/iconate)[39m
[38;5;12m- [39m[38;5;14m[1mOdometer - 数字之间的垂直切换[0m[38;5;12m (https://github.com/HubSpot/odometer)[39m
[38;5;12m- Hover - 悬停效果[39m
[38;5;12m  - [39m[38;5;14m[1mHover.css - 很多鼠标Hover态的效果[0m[38;5;12m (https://github.com/IanLunn/Hover)[39m
[38;5;12m  - [39m[38;5;14m[1mimagehover.css - 为图片添加悬停效果[0m[38;5;12m (https://github.com/ciar4n/imagehover.css)[39m
[38;5;12m  - [39m[38;5;14m[1miHover - 图片悬停效果[0m[38;5;12m (https://github.com/gudh/ihover)[39m
[38;5;12m  - [39m[38;5;14m[1mImageCaptionHoverAnimation[0m[38;5;12m (https://github.com/hasinhayder/ImageCaptionHoverAnimation)[39m
[38;5;12m  - [39m[38;5;14m[1mBootstrap Hover Image Gallery[0m[38;5;12m (http://miketricking.github.io/dist/)[39m
[38;5;12m- Multi-touch gestures library - Web手势库[39m
[38;5;12m  - [39m[38;5;14m[1mAlloyFinger - 腾讯 AlloyTeam 出品的超级小的 Web 手势库[0m[38;5;12m (https://github.com/AlloyTeam/AlloyFinger)[39m
[38;5;12m- [39m[38;5;14m[1mVincentGarreau/particles.js[0m[38;5;12m (https://github.com/VincentGarreau/particles.js/) - 粒子特效[39m

[38;2;255;187;0m[4m17. 本地存储[0m

[38;5;12m- [39m[38;5;14m[1mcross-storage - Cross domain local storage[0m[38;5;12m (https://github.com/zendesk/cross-storage)[39m
[38;5;12m- [39m[38;5;14m[1mlocalForage[0m[38;5;12m (https://github.com/mozilla/localForage)[39m
[38;5;12m- [39m[38;5;14m[1mpouchdb[0m[38;5;12m (https://github.com/pouchdb/pouchdb)[39m
[38;5;12m- [39m[38;5;14m[1mbasil.js[0m[38;5;12m (https://github.com/Wisembly/basil.js)[39m
[38;5;12m- [39m[38;5;14m[1mNeurosync - JavaScript 本地离线 ORM 库[0m[38;5;12m (https://github.com/ClickerMonkey/neurosync)[39m
[38;5;12m- [39m[38;5;14m[1mLokiJS - 性能优先的 JavaScript 内存数据库[0m[38;5;12m (https://github.com/techfort/LokiJS)[39m
[38;5;12m- [39m[38;5;14m[1mturbolinks - Javascript pushState[0m[38;5;12m (https://github.com/turbolinks/turbolinks)[39m

[38;2;255;187;0m[4m18. 模板引擎[0m

[38;5;12m- [39m[38;5;14m[1mdoT.js[0m[38;5;12m (https://github.com/olado/doT)[39m
[38;5;12m- [39m[38;5;14m[1mmustache.js[0m[38;5;12m (https://github.com/janl/mustache.js)[39m
[38;5;12m- [39m[38;5;14m[1mHandlebars.js[0m[38;5;12m (http://www.jingwentian.com/t-66)[39m
[38;5;12m- [39m[38;5;14m[1martTemplate[0m[38;5;12m (https://github.com/aui/artTemplate)[39m
[38;5;12m- [39m[38;5;14m[1mbaiduTemplate[0m[38;5;12m (https://github.com/wangxiao/BaiduTemplate)[39m
[38;5;12m- [39m[38;5;14m[1mJSRender[0m[38;5;12m (https://github.com/BorisMoore/jsrender)[39m
[38;5;12m- [39m[38;5;14m[1mEJS - JavaScript Templates[0m[38;5;12m (https://github.com/tj/ejs)[39m
[38;5;12m- [39m[38;5;14m[1mJuicer - A Light Javascript Templete Engine.[0m[38;5;12m (https://github.com/PaulGuo/Juicer)[39m
[38;5;12m- [39m[38;5;14m[1mTempo[0m[38;5;12m (https://github.com/twigkit/tempo)[39m
[38;5;12m- [39m[38;5;14m[1mjson2html[0m[38;5;12m (https://github.com/moappi/json2html)[39m
[38;5;12m- [39m[38;5;14m[1mHogan.js - JavaScript templating from Twitter.[0m[38;5;12m (https://github.com/twitter/hogan.js)[39m
[38;5;12m- [39m[38;5;14m[1mDust.js - Linkedin维护的项目[0m[38;5;12m (https://github.com/linkedin/dustjs)[39m
[38;5;12m- [39m[38;5;14m[1mnunjucks[0m[38;5;12m (https://github.com/mozilla/nunjucks) - A powerful templating engine[39m

[38;2;255;187;0m[4m19. 通知组件/弹框组件/模态窗口[0m

[38;5;12m- [39m[38;5;14m[1mNotify.js(Web Notifications API)[0m[38;5;12m (https://github.com/alexgibson/notify.js)[39m
[38;5;12m- [39m[38;5;14m[1malertify.js[0m[38;5;12m (https://github.com/fabien-d/alertify.js)[39m
[38;5;12m- [39m[38;5;14m[1mAlertifyJS[0m[38;5;12m (https://github.com/MohammadYounes/AlertifyJS)[39m
[38;5;12m- [39m[38;5;14m[1mSweetAlert[0m[38;5;12m (https://github.com/t4t5/sweetalert)[39m
[38;5;12m- [39m[38;5;14m[1mMessenger - 非常酷的弹框组件[0m[38;5;12m (https://github.com/HubSpot/messenger)[39m
[38;5;12m- [39m[38;5;14m[1mPNotify[0m[38;5;12m (https://github.com/sciactive/pnotify)[39m
[38;5;12m- [39m[38;5;14m[1mNotify.js - A simple, versatile notification library[0m[38;5;12m (https://github.com/jpillora/notifyjs)[39m
[38;5;12m- [39m[38;5;14m[1mRemodal - 模态窗口插件[0m[38;5;12m (https://github.com/VodkaBears/Remodal)[39m
[38;5;12m- [39m[38;5;14m[1maction.js - 极简的tip和Modal弹窗效果[0m[38;5;12m (https://github.com/egoist/action.js)[39m
[38;5;12m- [39m[38;5;14m[1mModaal - 一个创建弹出窗口的jQuery插件[0m[38;5;12m (https://github.com/humaan/Modaal)[39m
[38;5;12m- [39m[38;5;14m[1mVex - 可以实现3D动效的弹出对话框堆叠效果[0m[38;5;12m (https://github.com/hubspot/vex)[39m

[38;2;255;187;0m[4m20. 提示控件(Tooltips)[0m

[38;5;12m- [39m[38;5;14m[1mhint.css - 一款非常小巧的提示框效果[0m[38;5;12m (https://github.com/chinchang/hint.css)[39m
[38;5;12m- [39m[38;5;14m[1mqTip2 - Pretty powerful tooltips[0m[38;5;12m (https://github.com/qTip2/qTip2)[39m
[38;5;12m- [39m[38;5;14m[1mtooltip - CSS Tooltips[0m[38;5;12m (https://github.com/HubSpot/tooltip)[39m
[38;5;12m- [39m[38;5;14m[1mtooltipster - A jQuery tooltip plugin[0m[38;5;12m (https://github.com/iamceege/tooltipster)[39m
[38;5;12m- [39m[38;5;14m[1mgrumble.js - 气泡形状的提示（Tooltip）控件[0m[38;5;12m (https://github.com/jamescryer/grumble.js)[39m
[38;5;12m- [39m[38;5;14m[1mOuibounce - 离站提示控件[0m[38;5;12m (https://github.com/carlsednaoui/ouibounce)[39m
[38;5;12m- [39m[38;5;14m[1mintro.js - 一个创建引导式网站介绍功能的 JS 库[0m[38;5;12m (https://github.com/usablica/intro.js)[39m
[38;5;12m- [39m[38;5;14m[1mdata-tip.css - 纯 CSS 实现的工具提示[0m[38;5;12m (https://github.com/egoist/data-tip.css)[39m

[38;2;255;187;0m[4m21. 对话框/遮罩层/弹出层(lightbox)[0m

[38;5;12m- [39m[38;5;14m[1mfancyBox - Fancy jQuery lightbox[0m[38;5;12m (https://github.com/fancyapps/fancyBox)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-lightbox - The popular lightbox script, ported to jQuery[0m[38;5;12m (https://github.com/krewenki/jquery-lightbox)[39m
[38;5;12m- [39m[38;5;14m[1mColorbox - a jQuery lightbox[0m[38;5;12m (https://github.com/jackmoore/colorbox)[39m
[38;5;12m- [39m[38;5;14m[1martDialog - 经典的网页对话框组件[0m[38;5;12m (https://github.com/aui/artDialog)[39m
[38;5;12m- [39m[38;5;14m[1mDialogEffects[0m[38;5;12m (https://github.com/codrops/DialogEffects)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery blockUI - Page or element overlay[0m[38;5;12m (https://github.com/malsup/blockui/)[39m
[38;5;12m- [39m[38;5;14m[1mlayer - web弹出窗/层[0m[38;5;12m (https://github.com/sentsin/layer/)[39m

[38;2;255;187;0m[4m22. 文档/表格/PDF[0m

[38;5;12m- [39m[38;5;14m[1mBackgrid.js - 强大的表格组件[0m[38;5;12m (https://github.com/wyuenho/backgrid)[39m
[38;5;12m- [39m[38;5;14m[1mhandsontable - 在线可编辑excel表格[0m[38;5;12m (https://github.com/handsontable/handsontable)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery Bootgrid - 用于ajax生成动态表格[0m[38;5;12m (https://github.com/rstaib/jquery-bootgrid)[39m
[38;5;12m- [39m[38;5;14m[1mDataTables - Table plug-in for jQuery[0m[38;5;12m (https://github.com/DataTables/DataTables)[39m
[38;5;12m- [39m[38;5;14m[1mPDF.js - 一个 JavaScript 编写的 PDF 阅读器[0m[38;5;12m (https://github.com/mozilla/pdf.js)[39m
[38;5;12m- [39m[38;5;14m[1mjsPDF - Generate PDF files in JavaScript[0m[38;5;12m (https://github.com/MrRio/jsPDF)[39m
[38;5;12m- [39m[38;5;14m[1mRecline.js - 灵活操作和展示数据[0m[38;5;12m (https://github.com/okfn/recline/)[39m
[38;5;12m- [39m[38;5;14m[1mDynatable - 交互式表格插件[0m[38;5;12m (https://github.com/alfajango/jquery-dynatable)[39m
[38;5;12m- [39m[38;5;14m[1mfattable - 创建无限滚动无限行列数的表格[0m[38;5;12m (https://github.com/fulmicoton/fattable)[39m
[38;5;12m- [39m[38;5;14m[1mClusterize.js - 一个轻松显示大数据集的 JS 插件[0m[38;5;12m (https://github.com/NeXTs/Clusterize.js)[39m
[38;5;12m- [39m[38;5;14m[1mUniform -表单美化插件[0m[38;5;12m (https://github.com/AudithSoftworks/Uniform)[39m
[38;5;12m- [39m[38;5;14m[1mtableExport - 导出HTML Table为 Excel、PDF 等 [0m[38;5;12m (https://github.com/kayalshri/tableExport.jquery.plugin)[39m
[38;5;12m- [39m[38;5;14m[1mSheetJS/js-xlsx[0m[38;5;12m (https://github.com/SheetJS/js-xlsx) - 生成Excel文件并下载[39m

[38;2;255;187;0m[4m23. 目录树插件[0m

[38;5;12m- [39m[38;5;14m[1mzTree_v3 - jQuery Tree Plugin[0m[38;5;12m (https://github.com/zTree/zTree_v3)[39m
[38;5;12m- [39m[38;5;14m[1mjstree - jQuery Tree Plugin[0m[38;5;12m (https://github.com/vakata/jstree)[39m
[38;5;12m- [39m[38;5;14m[1mfancytree - Tree plugin for jQuery[0m[38;5;12m (https://github.com/mar10/fancytree)[39m

[38;2;255;187;0m[4m24. 前后端交互[0m

[38;2;255;187;0m[4m24.1 Ajax模块[0m

[38;5;12m- [39m[38;5;14m[1mfetch - A window.fetch JavaScript polyfill[0m[38;5;12m (https://github.com/github/fetch)[39m
[38;5;12m- [39m[38;5;14m[1mreqwest - browser asynchronous http requests[0m[38;5;12m (https://github.com/ded/reqwest)[39m
[38;5;12m- [39m[38;5;14m[1majax - Standalone AJAX library[0m[38;5;12m (https://github.com/ForbesLindesay/ajax)[39m
[38;5;12m- [39m[38;5;14m[1mthen-request[0m[38;5;12m (https://github.com/then/then-request)[39m
[38;5;12m- [39m[38;5;14m[1mbrowser-request[0m[38;5;12m (https://github.com/iriscouch/browser-request)[39m
[38;5;12m- [39m[38;5;14m[1msuperagent[0m[38;5;12m (https://github.com/visionmedia/superagent)[39m
[38;5;12m- [39m[38;5;14m[1mminAjax.js[0m[38;5;12m (https://github.com/argunner/minAjax.js/)[39m
[38;5;12m- [39m[38;5;14m[1mqwest - 第三方的Ajax库[0m[38;5;12m (https://github.com/pyrsmk/qwest)[39m
[38;5;12m- [39m[38;5;14m[1maxios - Promise based HTTP client for the browser and node.js[0m[38;5;12m (https://github.com/mzabriskie/axios)[39m
[38;5;12m- [39m[38;5;14m[1mwhatwg-fetch[0m[38;5;12m (https://github.com/fis-components/whatwg-fetch)[39m
[38;5;12m- [39m[38;5;14m[1mjsonp[0m[38;5;12m (https://github.com/webmodules/jsonp) - A simple JSONP implementation[39m
[38;5;12m- [39m[38;5;14m[1misomorphic-fetch[0m[38;5;12m (https://github.com/matthew-andrews/isomorphic-fetch) - Isomorphic WHATWG Fetch API, for Node & Browserify[39m

[38;2;255;187;0m[4m24.2 SSE (Server-Sent Events)[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mSSE API用于创建到服务器的单向连接，服务器通过这个连接可以发送任意数量的数据.[39m

[38;5;12m- [39m[38;5;14m[1mEventSource[0m[38;5;12m (https://github.com/Yaffle/EventSource)[39m

[38;2;255;187;0m[4m24.3 Web Sockets[0m


[38;2;255;187;0m[4m25. 音频/视频[0m

[38;5;12m- [39m[38;5;14m[1mvideojs/video.js[0m[38;5;12m (https://github.com/videojs/video.js) - HTML5 & Flash video player[39m
[38;5;12m- [39m[38;5;14m[1mvideojs/http-streaming[0m[38;5;12m (https://github.com/videojs/http-streaming) - HLS, DASH, and future HTTP streaming protocols library for video.js [39m
[38;5;12m- [39m[38;5;14m[1mvideo-dev/hls.js[0m[38;5;12m (https://github.com/video-dev/hls.js) - JavaScript HLS client using Media Source Extension[39m
[38;5;12m- [39m[38;5;14m[1mChimeejs/chimee[0m[38;5;12m (https://github.com/Chimeejs/chimee) - 奇舞团开源的 h5 播放器，它支持 mp4、m3u8、flv 等多种格式 http://chimee.org/[39m
[38;5;12m- [39m[38;5;14m[1mpaypal/accessible-html5-video-player[0m[38;5;12m (https://github.com/paypal/accessible-html5-video-player) - PayPal 开源的 HTML5 视频播放器[39m
[38;5;12m- [39m[38;5;14m[1mclappr/clappr[0m[38;5;12m (https://github.com/clappr/clappr)  - 开源的Web视频播放器[39m
[38;5;12m- [39m[38;5;14m[1msampotts/plyr[0m[38;5;12m (https://github.com/sampotts/plyr) - A simple HTML5, YouTube and Vimeo player[39m
[38;5;12m- [39m[38;5;14m[1mcaptbaritone/webamp[0m[38;5;12m (https://github.com/captbaritone/webamp)[39m
[38;5;12m- [39m[38;5;14m[1mmediaelement/mediaelement[0m[38;5;12m (https://github.com/mediaelement/mediaelement) - HTML5 [39m[38;5;12m player[39m
[38;5;12m- [39m[38;5;14m[1msurmon-china/vue-video-player[0m[38;5;12m (https://github.com/surmon-china/vue-video-player) - 适用于 Vue 的 video.js 播放器组件[39m

[38;5;12m- [39m[38;5;14m[1mjplayer/jPlayer[0m[38;5;12m (https://github.com/happyworm/jPlayer) - HTML5 Audio & Video for jQuery[39m
[38;5;12m- [39m[38;5;14m[1mdavatron5000/FitVids.js[0m[38;5;12m (https://github.com/davatron5000/FitVids.js) - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.[39m
[38;5;12m- [39m[38;5;14m[1mdfcb/BigVideo.js[0m[38;5;12m (https://github.com/dfcb/BigVideo.js) - The jQuery Plugin for Big Background Video[39m
[38;5;12m- [39m[38;5;14m[1mbdougherty/BigScreen[0m[38;5;12m (https://github.com/bdougherty/BigScreen) - A simple library for using the JavaScript Full Screen API[39m
[38;5;12m- [39m[38;5;14m[1mvodkabears/Vide[0m[38;5;12m (https://github.com/VodkaBears/Vide) - 视频背景组件[39m
[38;5;12m- [39m[38;5;14m[1mjaysalvat/buzz[0m[38;5;12m (https://github.com/jaysalvat/buzz) - A Javascript HTML5 Audio library[39m
[38;5;12m- [39m[38;5;14m[1mMediaElement.js[0m[38;5;12m (http://github.com/johndyer/mediaelement/)[39m

[38;2;255;187;0m[4m26. 按钮[0m

[38;5;12m- [39m[38;5;14m[1mButtons - A CSS button library[0m[38;5;12m (https://github.com/alexwolfe/Buttons)[39m
[38;5;12m- [39m[38;5;14m[1mButtonComponentMorph[0m[38;5;12m (https://github.com/codrops/ButtonComponentMorph)[39m
[38;5;12m- [39m[38;5;14m[1mProgressButtonStyles[0m[38;5;12m (https://github.com/codrops/ProgressButtonStyles)[39m
[38;5;12m- [39m[38;5;14m[1mCreativeButtons[0m[38;5;12m (https://github.com/codrops/CreativeButtons)[39m
[38;5;12m- [39m[38;5;14m[1mCSS3 buttons[0m[38;5;12m (https://github.com/ubuwaits/css3-buttons)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.onoff - Interactive, accessible toggle switches for the web.[0m[38;5;12m (https://github.com/timmywil/jquery.onoff)[39m
[38;5;12m- [39m[38;5;14m[1mFlipside - 一个能过渡到对话框的按钮[0m[38;5;12m (https://github.com/hakimel/css/tree/master/flipside)[39m
[38;5;12m- [39m[38;5;14m[1mreact-particle-effect-button[0m[38;5;12m (https://github.com/transitive-bullshit/react-particle-effect-button) - 一个 React 组件，按钮点击后会像粒子状消解[39m

[38;2;255;187;0m[4m27. 富文本编辑器/Markdown编辑器/Markdown解析器[0m

[38;5;12m- [39m[38;5;14m[1mbustle/mobiledoc-kit[0m[38;5;12m (https://github.com/bustle/mobiledoc-kit) - 基于mobiledoc数据格式开发所见即所得的 (WYSIWYG) 编辑器[39m
[38;5;12m- [39m[38;5;14m[1mSimditor[0m[38;5;12m (https://github.com/mycolorway/simditor) - 简单快速的富文本编辑器[39m
[38;5;12m- [39m[38;5;14m[1mBachEditor[0m[38;5;12m (https://github.com/Integ/BachEditor)- 一个有情怀的编辑器[39m
[38;5;12m- [39m[38;5;14m[1mTinyMCE[0m[38;5;12m (https://github.com/tinymce/tinymce)[39m
[38;5;12m- [39m[38;5;14m[1mbootstrap-markdown[0m[38;5;12m (https://github.com/toopay/bootstrap-markdown)[39m
[38;5;12m- [39m[38;5;14m[1mmarked - markdown解析器[0m[38;5;12m (https://github.com/chjj/marked)[39m
[38;5;12m- [39m[38;5;14m[1mMarkdown Plus[0m[38;5;12m (https://github.com/tylingsoft/markdown-plus)[39m
[38;5;12m- [39m[38;5;14m[1mEditor.md - 开源在线Markdown编辑器[0m[38;5;12m (https://github.com/pandao/editor.md)[39m
[38;5;12m- [39m[38;5;14m[1mstackedit[0m[38;5;12m (https://github.com/benweet/stackedit)[39m
[38;5;12m- [39m[38;5;14m[1mRedactor Text Editor[0m[38;5;12m (http://imperavi.com/redactor/)[39m
[38;5;12m- [39m[38;5;14m[1mmicromarkdown.js - 轻量级的md解析器[0m[38;5;12m (https://github.com/simonwaldherr/micromarkdown.js/)[39m
[38;5;12m- [39m[38;5;14m[1mwangEditor - 支持移动端的轻量级web富文本框[0m[38;5;12m (https://github.com/wangfupeng1988/wangEditor)[39m
[38;5;12m- [39m[38;5;14m[1mCKEditor - 可视化 HTML 编辑器[0m[38;5;12m (https://github.com/ckeditor/ckeditor-dev)[39m
[38;5;12m- [39m[38;5;14m[1mquilljs/quill[0m[38;5;12m (https://github.com/quilljs/quill) - 富文本编辑器[39m
[38;5;12m- [39m[38;5;14m[1mianstormtaylor/slate[0m[38;5;12m (https://github.com/ianstormtaylor/slate) - 一个完全可定制的富文本编辑器[39m
[38;5;12m- [39m[38;5;14m[1mnotadd/neditor[0m[38;5;12m (https://github.com/notadd/neditor) - 基于 ueditor的更现代化的富文本编辑器，支持HTTPS[39m
[38;5;12m- [39m[38;5;14m[1mProseMirror/prosemirror-view[0m[38;5;12m (https://github.com/ProseMirror/prosemirror-view) - In-browser semantic rich text editing[39m
[38;5;12m- [39m[38;5;14m[1mfacebook/lexical[0m[38;5;12m (https://github.com/facebook/lexical) - Facebook开源的可扩展的文本编辑器框架[39m

[38;2;255;187;0m[4m28. 内容提取(Readability)[0m

[38;5;12m- [39m[38;5;14m[1mReadability[0m[38;5;12m (https://code.google.com/p/arc90labs-readability/)[39m
[38;5;12m- [39m[38;5;14m[1mjson.human.js - Json Formatting for Human Beings[0m[38;5;12m (https://github.com/marianoguerra/json.human.js)[39m

[38;2;255;187;0m[4m29. 颜色(CSS Colors)/SVG/Canvas[0m

[38;5;12m- [39m[38;5;14m[1mCSS Colours[0m[38;5;12m (http://colours.neilorangepeel.com/)[39m
[38;5;12m- [39m[38;5;14m[1mSVGeneration[0m[38;5;12m (http://www.svgeneration.com/)[39m
[38;5;12m- [39m[38;5;14m[1mSVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器[0m[38;5;12m (https://github.com/dirkgroenen/SVGMagic)[39m
[38;5;12m- [39m[38;5;14m[1mAdaptive Backgrounds - 从图片抽取主要颜色和应用到父元素[0m[38;5;12m (https://github.com/briangonzalez/jquery.adaptive-backgrounds.js)[39m
[38;5;12m- [39m[38;5;14m[1mSeen.js - 渲染3D场景为SVG或者HTML Canvas[0m[38;5;12m (https://github.com/themadcreator/seen)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-color - 可以动态改动颜色[0m[38;5;12m (https://github.com/jquery/jquery-color/)[39m
[38;5;12m- [39m[38;5;14m[1mrgbaster.js[0m[38;5;12m (https://github.com/briangonzalez/rgbaster.js) - 主题色提取[39m
[38;5;12m- [39m[38;5;14m[1mchroma.js[0m[38;5;12m (https://github.com/gka/chroma.js) - 一个处理颜色的 JS 库[39m

[38;2;255;187;0m[4m30. 选项卡(Tabs)[0m

[38;5;12m- [39m[38;5;14m[1mEasy Responsive Tabs to Accordion[0m[38;5;12m (https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion)[39m
[38;5;12m- [39m[38;5;14m[1mResponsive-Tabs[0m[38;5;12m (https://github.com/jellekralt/Responsive-Tabs)[39m
[38;5;12m- [39m[38;5;14m[1mion.tabs - jQuery tabs plugin[0m[38;5;12m (https://github.com/IonDen/ion.tabs)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery-EasyTabs[0m[38;5;12m (https://github.com/JangoSteve/jQuery-EasyTabs)[39m
[38;5;12m- [39m[38;5;14m[1mtabulous.js[0m[38;5;12m (https://github.com/aarondo/tabulous.js)[39m

[38;2;255;187;0m[4m31. 文本处理[0m

[38;5;12m- [39m[38;5;14m[1mZeroClipboard - 文本复制插件[0m[38;5;12m (https://github.com/zeroclipboard/zeroclipboard)[39m
[38;5;12m- [39m[38;5;14m[1mclipboard.js[0m[38;5;12m (https://github.com/zenorocha/clipboard.js/)[39m
[38;5;12m- [39m[38;5;14m[1mBigfoot - 点击文章中的脚注弹窗显示[0m[38;5;12m (https://github.com/lemonmade/bigfoot)[39m
[38;5;12m- [39m[38;5;14m[1mAnnotator - 文本注解插件，可以包括注释、标签、用户等[0m[38;5;12m (https://github.com/openannotation/annotator)[39m
[38;5;12m- [39m[38;5;14m[1mSuccinct - 用作截断多行文本,后面添加省略号[0m[38;5;12m (https://github.com/micjamking/Succinct)[39m
[38;5;12m- [39m[38;5;14m[1mFlowtype.js - 自动调整字体大小和行号[0m[38;5;12m (https://github.com/simplefocus/FlowType.JS)[39m
[38;5;12m- [39m[38;5;14m[1mflat-shadow[0m[38;5;12m (https://github.com/peachananr/flat-shadow)[39m
[38;5;12m- [39m[38;5;14m[1mFitText - A jQuery plugin for inflating web type[0m[38;5;12m (https://github.com/davatron5000/FitText.js)[39m
[38;5;12m- [39m[38;5;14m[1mshine.js - 实现漂亮阴影[0m[38;5;12m (https://github.com/bigspaceship/shine.js)[39m
[38;5;12m- [39m[38;5;14m[1mType Rendering Mix - 文本渲染引擎[0m[38;5;12m (https://github.com/bramstein/trmix/)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-expander - 阅读更多[0m[38;5;12m (https://github.com/kswedberg/jquery-expander)[39m
[38;5;12m- [39m[38;5;14m[1mTyped.js - 输入模拟插件[0m[38;5;12m (https://github.com/mattboldt/typed.js/)[39m
[38;5;12m- [39m[38;5;14m[1mjQuery.dotdotdot - 多行文本溢出显示省略号[0m[38;5;12m (https://github.com/FrDH/jQuery.dotdotdot)[39m
[38;5;12m- [39m[38;5;14m[1mbaffle.js - 文本互动效果[0m[38;5;12m (https://github.com/camwiegert/baffle)[39m
[38;5;12m- [39m[38;5;14m[1meligrey/FileSaver.js[0m[38;5;12m (https://github.com/eligrey/FileSaver.js) - 文件保存的 JavaScript 库[39m

[38;5;12m  支持多种常见的文件存储格式：xls、txt、png 等。它可以方便的把数据转成文件，然后供用户下载。示例代码：[39m
[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  // 存储文本[39m
[38;5;12m  var blob = new Blob([39m[38;5;14m[1m"Hello, world!"[0m[38;5;12m , {type: "text/plain;charset=utf-8"});[39m
[38;5;12m  FileSaver.saveAs(blob, "hello world.txt");[39m
[38;5;12m  [39m

[38;2;255;187;0m[4m32. 布局(Layout)[0m

[38;5;12m- 分隔面板(Split Panel)[39m
[38;5;12m  - [39m[38;5;14m[1msplit-pane[0m[38;5;12m (https://github.com/shagstrom/split-pane)[39m
[38;5;12m  - [39m[38;5;14m[1mjQuery UI Layout[0m[38;5;12m (http://layout.jquery-dev.com/)[39m

[38;2;255;187;0m[4m33. 演示/幻灯片[0m

[38;5;12m- [39m[38;5;14m[1mreveal.js - The HTML Presentation Framework[0m[38;5;12m (https://github.com/hakimel/reveal.js)[39m
[38;5;12m- [39m[38;5;14m[1mbespoke.js - DIY Presentation Micro-Framework[0m[38;5;12m (https://github.com/markdalgleish/bespoke.js)[39m
[38;5;12m- [39m[38;5;14m[1mimpress.js[0m[38;5;12m (https://github.com/bartaz/impress.js)[39m
[38;5;12m- [39m[38;5;14m[1mshower[0m[38;5;12m (https://github.com/shower/shower)[39m
[38;5;12m- [39m[38;5;14m[1mdeck.js[0m[38;5;12m (https://github.com/imakewebthings/deck.js)[39m

[38;2;255;187;0m[4m34. 国际化(i18n)[0m

[38;5;12m- [39m[38;5;14m[1mjquery-i18n[0m[38;5;12m (https://github.com/recurser/jquery-i18n)[39m
[38;5;12m- [39m[38;5;14m[1mi18next.js[0m[38;5;12m (https://github.com/i18next/i18next)[39m
[38;5;12m- [39m[38;5;14m[1mjsperanto.js[0m[38;5;12m (https://github.com/jpjoyal/jsperanto)[39m
[38;5;12m- [39m[38;5;14m[1mjed.js[0m[38;5;12m (https://github.com/SlexAxton/Jed)[39m
[38;5;12m- [39m[38;5;14m[1mmessageformat.js[0m[38;5;12m (https://github.com/SlexAxton/messageformat.js)[39m
[38;5;12m- [39m[38;5;14m[1mPolyglot.js[0m[38;5;12m (https://github.com/airbnb/polyglot.js)[39m

[38;2;255;187;0m[4m35. 邮件模板(Email Templates)[0m

[38;5;12m- [39m[38;5;14m[1mresponsive-html-email-template[0m[38;5;12m (https://github.com/leemunroe/responsive-html-email-template)[39m

[38;2;255;187;0m[4m36. 移动端优化(Optimizing Mobile Performance)[0m

[38;5;12m- [39m[38;5;14m[1mFastClick - 处理移动端 click 事件 300 毫秒延迟[0m[38;5;12m (https://github.com/ftlabs/fastclick)[39m
[38;5;12m- [39m[38;5;14m[1mtappy[0m[38;5;12m (https://github.com/filamentgroup/tappy/)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-fast-click[0m[38;5;12m (https://github.com/dave1010/jquery-fast-click)[39m

[38;2;255;187;0m[4m37. HTTP请求相关[0m

[38;5;12m- [39m[38;5;14m[1mpako - HTTP 请求正文压缩[0m[38;5;12m (https://github.com/nodeca/pako)[39m
[38;5;12m  - [39m[38;5;14m[1m参考阅读: 如何压缩 HTTP 请求正文[0m[38;5;12m (https://imququ.com/post/how-to-compress-http-request-body.html)[39m
[38;5;12m  - [39m[38;5;14m[1mHTTP 请求正文压缩 DEMO[0m[38;5;12m (https://qgy18.com/request-compress/)[39m

[38;2;255;187;0m[4m38. 下载组件[0m

[38;5;12m- [39m[38;5;14m[1mdownload[0m[38;5;12m (https://github.com/rndme/download)[39m
[38;5;12m- [39m[38;5;14m[1mDownloadify[0m[38;5;12m (https://github.com/dcneiner/Downloadify)[39m

[38;2;255;187;0m[4m39. 加密/转码[0m

[38;5;12m- [39m[38;5;14m[1mcrypto-js[0m[38;5;12m (https://github.com/brix/crypto-js) - JavaScript library of crypto standards.[39m
[38;5;12m- [39m[38;5;14m[1mulid[0m[38;5;12m (https://github.com/alizain/ulid) - 生成UUID类库[39m
[38;5;12m- [39m[38;5;14m[1mRSA in JavaScript[0m[38;5;12m (http://www.ohdave.com/rsa/)  - 用RSA加密实现Web数据加密传输[39m
[38;5;12m- [39m[38;5;14m[1mnanoid[0m[38;5;12m (https://github.com/ai/nanoid) - 一款非常小巧的唯一ID生成工具[39m
[38;5;12m- [39m[38;5;14m[1mharmankang/Lab62[0m[38;5;12m (https://github.com/harmankang/Lab62) - 一个简单的人类可读的随机 ID 生成库[39m
[38;5;12m- [39m[38;5;14m[1mdropbox/zxcvbn[0m[38;5;12m (https://github.com/dropbox/zxcvbn) - 评估密码强度的 JS 库，强度越强，密码越不容易破解[39m

[38;2;255;187;0m[4m40. 调试[0m

[38;5;12m- [39m[38;5;14m[1mdebug[0m[38;5;12m (https://github.com/visionmedia/debug) - A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers[39m
[38;5;12m- [39m[38;5;14m[1mvConsole - 一个针对手机网页的前端 console 调试面板[0m[38;5;12m (https://github.com/WechatFE/vConsole)[39m

[38;2;255;187;0m[4m41. 实用工具/其他插件[0m

[38;5;12m- [39m[38;5;14m[1mjquery-cookie[0m[38;5;12m (https://github.com/carhartl/jquery-cookie)[39m
[38;5;12m- [39m[38;5;14m[1mJavaScript Cookie[0m[38;5;12m (https://github.com/js-cookie/js-cookie)[39m
[38;5;12m- [39m[38;5;14m[1mInstantClick - 预加载用户可能会点击的一些链接[0m[38;5;12m (https://github.com/dieulot/instantclick/)[39m
[38;5;12m- [39m[38;5;14m[1mAsync.js - 异步操作[0m[38;5;12m (https://github.com/caolan/async)[39m
[38;5;12m- [39m[38;5;14m[1mjquery.qrcode.js - 生成二维码的 jQuery 插件[0m[38;5;12m (https://github.com/jeromeetienne/jquery-qrcode)[39m
[38;5;12m- [39m[38;5;14m[1mqrcodejs - JS生成QRCode的库[0m[38;5;12m (https://github.com/davidshimjs/qrcodejs)[39m
[38;5;12m- [39m[38;5;14m[1mnakedpassword - 用脱衣女帮助检测密码强度[0m[38;5;12m (https://github.com/platform45/nakedpassword)[39m
[38;5;12m- [39m[38;5;14m[1mKityMinder - 脑图编辑工具[0m[38;5;12m (https://github.com/fex-team/kityminder)[39m
[38;5;12m- [39m[38;5;14m[1mMixitUp - 动画过滤和排序[0m[38;5;12m (https://github.com/patrickkunka/mixitup)[39m
[38;5;12m- [39m[38;5;14m[1mJQuery Tip Cards - 创建卡片交互的cards布局[0m[38;5;12m (https://github.com/peachananr/tip_cards)[39m
[38;5;12m- [39m[38;5;14m[1mFallback.js - JavaScript library for dynamically loading CSS and JS files.[0m[38;5;12m (https://github.com/dolox/fallback/)[39m
[38;5;12m- [39m[38;5;14m[1mswfobject[0m[38;5;12m (https://github.com/swfobject/swfobject)[39m
[38;5;12m- [39m[38;5;14m[1mprettyprint.js - An in-browser JavaScript variable dumper[0m[38;5;12m (https://github.com/padolsey-archive/prettyprint.js)[39m
[38;5;12m- [39m[38;5;14m[1mShepherd - 为应用创建用户指南[0m[38;5;12m (https://github.com/HubSpot/shepherd)[39m
[38;5;12m- [39m[38;5;14m[1mRulersGuide.js - 类似PhotoShop标尺的js库[0m[38;5;12m (https://github.com/mark-rolich/RulersGuides.js)[39m
[38;5;12m- [39m[38;5;14m[1mGremlins.js - Monkey 测试库[0m[38;5;12m (https://github.com/marmelab/gremlins.js)[39m
[38;5;12m- [39m[38;5;14m[1mRoughDraft.js - 简单快速的创建交互式的 HTML 模型的原型工具[0m[38;5;12m (https://github.com/ndreckshage/roughdraft.js/)[39m
[38;5;12m- [39m[38;5;14m[1mfavico.js - 动态改变浏览器标签栏中的网站图标[0m[38;5;12m (https://github.com/ejci/favico.js)[39m
[38;5;12m- [39m[38;5;14m[1mpageguide - 网页向导[0m[38;5;12m (https://github.com/tracelytics/pageguide)[39m
[38;5;12m- [39m[38;5;14m[1mjsdiff - js diff 算法[0m[38;5;12m (https://github.com/kpdecker/jsdiff)[39m
[38;5;12m- [39m[38;5;14m[1mgithub-contributions-chart[0m[38;5;12m (https://github.com/sallar/github-contributions-chart) - 类 Github 的贡献日历网格[39m
[38;5;12m- [39m[38;5;14m[1mleizongmin/js-xss[0m[38;5;12m (https://github.com/leizongmin/js-xss) - 根据白名单过滤 HTML(防止 XSS 攻击)[39m
[38;5;12m- [39m[38;5;14m[1mcure53/DOMPurify[0m[38;5;12m (https://github.com/cure53/DOMPurify) - HTML过滤 防止 XSS 攻击[39m
[38;5;12m- [39m[38;5;14m[1majv-validator/ajv[0m[38;5;12m (https://github.com/ajv-validator/ajv) - 校验json-schema数据格式 [39m

[38;5;12m                                                                                                           [39m[38;2;255;187;0m[1m[4mES6( ECMAScript 2015 )[0m

[38;2;255;187;0m[4mES6转码器(ES6 to ES5)[0m

[38;5;12m- [39m[38;5;14m[1mBabel[0m[38;5;12m (https://github.com/babel/babel/) - 一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行[39m
[38;5;12m- [39m[38;5;14m[1mbabelify[0m[38;5;12m (https://github.com/babel/babelify) - 将babel引入到Gulp, Grunt, npm run等构建过程[39m
[38;5;12m- [39m[38;5;14m[1mtraceur-compiler[0m[38;5;12m (https://github.com/google/traceur-compiler) - Traceur is a JavaScript.next-to-JavaScript-of-today compiler[39m

[38;2;255;187;0m[4mES6入门[0m

[38;5;12m- [39m[38;5;14m[1mECMAScript 6入门[0m[38;5;12m (http://es6.ruanyifeng.com/) - 阮一峰老师的开源的JavaScript语言教程[39m
[38;5;12m- [39m[38;5;14m[1mLearn ES2015[0m[38;5;12m (https://babeljs.io/docs/learn-es2015/)[39m
[38;5;12m- [39m[38;5;14m[1mES6 - New features Overview & Comparison[0m[38;5;12m (http://es6-features.org/)[39m
[38;5;12m- [39m[38;5;14m[1mES6 Overview in 350 Bullet Points[0m[38;5;12m (https://ponyfoo.com/articles/es6)[39m
[38;5;12m- [39m[38;5;14m[1mes6features[0m[38;5;12m (https://github.com/lukehoban/es6features)[39m


[38;5;12m                                                                                                      [39m[38;2;255;187;0m[1m[4m设计模式( JavaScript Patterns )[0m

[38;5;12m- [39m[38;5;14m[1mjavascript-patterns[0m[38;5;12m (https://github.com/shichuan/javascript-patterns)[39m
[38;5;12m- [39m[38;5;14m[1mjquery-patterns - A variety of jQuery plugin patterns[0m[38;5;12m (https://github.com/jquery-boilerplate/jquery-patterns)[39m
[38;5;12m- [39m[38;5;14m[1mLearning JavaScript Design Patterns[0m[38;5;12m (http://addyosmani.com/resources/essentialjsdesignpatterns/book/)[39m

[38;5;12m                                                                                                          [39m[38;2;255;187;0m[1m[4m在线工具( Online Tools )[0m

[38;5;12m- [39m[38;5;14m[1mjsbin - Collaborative JavaScript Debugging App[0m[38;5;12m (http://jsbin.com)[39m
[38;5;12m  - [39m[38;5;14m[1mjsbin@Github[0m[38;5;12m (https://github.com/jsbin/jsbin)[39m
[38;5;12m- [39m[38;5;14m[1mjsfiddle[0m[38;5;12m (http://jsfiddle.net/)[39m
[38;5;12m- [39m[38;5;14m[1mjsbeautifier - Online JavaScript beautifier[0m[38;5;12m (http://jsbeautifier.org/)[39m
[38;5;12m- [39m[38;5;14m[1mresume.github.com[0m[38;5;12m (http://resume.github.io)[39m

[38;5;12m                                                                                                                [39m[38;2;255;187;0m[1m[4m前端开发工具[0m

[38;2;255;187;0m[4m1. 开发工具[0m

[38;5;12m- [39m[38;5;14m[1mVSCode[0m[38;5;12m (https://code.visualstudio.com/)[39m
[38;5;12m- [39m[38;5;14m[1mAtom[0m[38;5;12m (https://atom.io/)[39m
[38;5;12m- [39m[38;5;14m[1mSublime Text[0m[38;5;12m (http://www.sublimetext.com/)[39m

[38;2;255;187;0m[4m2. 调试工具[0m

[38;5;12m- [39m[38;5;14m[1mFiddler[0m[38;5;12m (http://www.telerik.com/fiddler)[39m
[38;5;12m- [39m[38;5;14m[1mWeinre[0m[38;5;12m (http://people.apache.org/~pmuellr/weinre-docs/latest/Home.html)[39m
[38;5;12m- [39m[38;5;14m[1mRythem[0m[38;5;12m (http://www.alloyteam.com/2012/05/web-front-end-tool-rythem-1/)[39m
[38;5;12m- [39m[38;5;14m[1mcsscss[0m[38;5;12m (https://github.com/zmoazeni/csscss) - 用于检查css代码冗余[39m
[38;5;12m- [39m[38;5;14m[1mFECS[0m[38;5;12m (http://fecs.baidu.com/) - 基于 Node.js 的前端代码检查工具[39m
[38;5;12m- [39m[38;5;14m[1mJSON Server[0m[38;5;12m (https://github.com/typicode/json-server) - 模拟 API[39m
[38;5;12m- [39m[38;5;14m[1mswagger-ui[0m[38;5;12m (https://github.com/swagger-api/swagger-ui) - 基于REST的API测试/文档[39m
[38;5;12m- [39m[38;5;14m[1mgraphqurl[0m[38;5;12m (https://github.com/hasura/graphqurl) - curl for GraphQL with autocomplete, subscriptions and GraphiQL.[39m

[38;2;255;187;0m[4m3. 模拟数据( Mock )[0m

[38;5;12m- [39m[38;5;14m[1mJSONPlaceholder[0m[38;5;12m (http://jsonplaceholder.typicode.com/)[39m
[38;5;12m- [39m[38;5;14m[1mjson-server - Get a full fake REST API[0m[38;5;12m (https://github.com/typicode/json-server)[39m
[38;5;12m- [39m[38;5;14m[1mlowdb -  A small local JSON database powered by lodash[0m[38;5;12m (https://github.com/typicode/lowdb)[39m
[38;5;12m- [39m[38;5;14m[1mMock.js[0m[38;5;12m (https://github.com/nuysoft/Mock) - 一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试[39m
[38;5;12m- [39m[38;5;14m[1myapi[0m[38;5;12m (https://github.com/YMFE/yapi) - YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台[39m

[38;2;255;187;0m[4m4. 接口管理[0m

[38;5;12m- [39m[38;5;14m[1mRAP[0m[38;5;12m (https://github.com/thx/RAP) - Web接口管理工具，开源免费，接口自动化，MOCK数据自动生成，自动化测试，企业级管理[39m

[38;2;255;187;0m[4m5. 浏览器扩展(Chrome Extensions)[0m

[38;5;12m- [39m[38;5;14m[1mPostman - REST Client[0m[38;5;12m (https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm)[39m
[38;5;12m- [39m[38;5;14m[1mFiddler - Fiddler for Chrome Extension[0m[38;5;12m (http://welefen.github.io/Fiddler/)[39m
[38;5;12m- [39m[38;5;14m[1mWEB前端助手(FeHelper)[0m[38;5;12m (https://chrome.google.com/webstore/detail/web%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8Bfehelper/pkgccpejnmalmdinmhkkfafefagiiiad)[39m
[38;5;12m- [39m[38;5;14m[1mWeb Developer[0m[38;5;12m (https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)[39m
[38;5;12m- [39m[38;5;14m[1mWappalyzer - 分析网站应用的技术栈[0m[38;5;12m (https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)[39m
[38;5;12m- [39m[38;5;14m[1mHTTP Status[0m[38;5;12m (https://chrome.google.com/webstore/detail/http-status/cknfnacbckhfpjahnmkblajcpledpfnp/related)[39m
[38;5;12m- [39m[38;5;14m[1mChrome Logger[0m[38;5;12m (https://chrome.google.com/webstore/detail/chrome-logger/noaneddfkdjfnfdakjjmocngnfkfehhd)[39m
[38;5;12m- [39m[38;5;14m[1mColorZilla[0m[38;5;12m (https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)[39m
[38;5;12m- [39m[38;5;14m[1mColorPick Eyedropper[0m[38;5;12m (https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mCode Cola[0m[38;5;12m (https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn)[39m
[38;5;12m- [39m[38;5;14m[1m1px[0m[38;5;12m (https://chrome.google.com/webstore/detail/1px/gebccnmciopflhcdihopmphapifkkfdh)[39m
[38;5;12m- [39m[38;5;14m[1mAlloyDesigner - 前端重构开发辅助工具[0m[38;5;12m (https://chrome.google.com/webstore/detail/alloydesigner/ojooeaohlmgpcjajikhmibcnbebfenid)[39m
[38;5;12m- [39m[38;5;14m[1mFontface Ninja[0m[38;5;12m (https://chrome.google.com/webstore/detail/fontface-ninja/eljapbgkmlngdpckoiiibecpemleclhh)[39m
[38;5;12m- [39m[38;5;14m[1mPageSpeed Insights (by Google)[0m[38;5;12m (https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli)[39m
[38;5;12m- [39m[38;5;14m[1mRedirect Path[0m[38;5;12m (https://chrome.google.com/webstore/detail/redirect-path/aomidfkchockcldhbkggjokdkkebmdll/related)[39m
[38;5;12m- [39m[38;5;14m[1mResponsive Web Design Tester[0m[38;5;12m (https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mWindow Resizer[0m[38;5;12m (https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mCSSViewer[0m[38;5;12m (https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mIE Tab[0m[38;5;12m (https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mClear Cache[0m[38;5;12m (https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mJSONView[0m[38;5;12m (https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn/related?hl=en)[39m
[38;5;12m- [39m[38;5;14m[1mImage Downloader[0m[38;5;12m (https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj)[39m
[38;5;12m- [39m[38;5;14m[1mPretty Beautiful Javascript - 可以自动格式化混淆的js文件[0m[38;5;12m (https://chrome.google.com/webstore/detail/pretty-beautiful-javascri/piekbefgpgdecckjcpffhnacjflfoddg/related?utm_source=chrome-ntp-icon)[39m
[38;5;12m- [39m[38;5;14m[1mJavaScript Errors Notifier[0m[38;5;12m (https://chrome.google.com/webstore/detail/javascript-errors-notifie/jafmfknfnkoekkdocjiaipcnmkklaajd?utm_source=chrome-ntp-icon)[39m
[38;5;12m- [39m[38;5;14m[1mCSS Diff - 在线比对页面上两个元素的CSS样式差异[0m[38;5;12m (https://chrome.google.com/webstore/detail/css-diff/pefnhibkhcfooofgmgoipfpcojnhhljm/related)[39m
[38;5;12m- [39m[38;5;14m[1mWhatFont- 识别网页所使用的字体[0m[38;5;12m (https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)[39m

[38;2;255;187;0m[4m6. 在线工具[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12m图片在线优化工具[39m

[38;5;12m- [39m[38;5;14m[1mKraken.io - Online Image Optimizer[0m[38;5;12m (https://kraken.io/web-interface)[39m
[38;5;12m- [39m[38;5;14m[1mTinyJPG - Compress JPEG images intelligently[0m[38;5;12m (https://tinyjpg.com/)[39m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mFont Icon 在线生成工具[39m

[38;5;12m- [39m[38;5;14m[1mIcoMoon App[0m[38;5;12m (https://icomoon.io/app/#/select)[39m
[38;5;12m- [39m[38;5;14m[1mGlyphter[0m[38;5;12m (http://glyphter.com/) - The SVG Font Machine[39m
[38;5;12m- [39m[38;5;14m[1mFree Perfect Icons[0m[38;5;12m (https://www.designrush.com/resources/perfecticons) - 矢量图 svg 图标下载[39m

[38;5;12m                                                                                                                 [39m[38;2;255;187;0m[1m[4m前端参考集[0m

[38;5;12m- [39m[38;5;14m[1mi0natan/nodebestpractices[0m[38;5;12m (https://github.com/i0natan/nodebestpractices/blob/master/README.chinese.md) - Node.js 最佳实践[39m
[38;5;12m- [39m[38;5;14m[1mfrontend-guidelines - Some HTML, CSS and JS best practices.[0m[38;5;12m (https://github.com/bendc/frontend-guidelines)[39m
[38;5;12m- [39m[38;5;14m[1mfrontend-dev-bookmarks[0m[38;5;12m (https://github.com/dypsilon/frontend-dev-bookmarks)[39m
[38;5;12m- [39m[38;5;14m[1mCodrops - Useful resources[0m[38;5;12m (https://github.com/codrops)[39m
[38;5;12m- [39m[38;5;14m[1mFront-end Code Standards & Best Practices[0m[38;5;12m (http://isobar-idev.github.io/code-standards/)[39m
[38;5;12m- [39m[38;5;14m[1mawesome-javascript[0m[38;5;12m (https://github.com/wwsun/awesome-javascript)[39m
[38;5;12m- [39m[38;5;14m[1mFront-end-tutorial - 前端涉及的所有知识体系[0m[38;5;12m (https://github.com/nicejade/Front-end-tutorial)[39m
[38;5;12m- [39m[38;5;14m[1mawesome-vue[0m[38;5;12m (https://github.com/vuejs/awesome-vue)[39m
[38;5;12m- 前端编码规范( Standard Style ) [39m
[38;5;12m  - [39m[38;5;14m[1mAirbnb 的 JavaScript 编码规范[0m[38;5;12m (https://github.com/airbnb/javascript)[39m
[38;5;12m  - [39m[38;5;14m[1mJavaScript Standard Style[0m[38;5;12m (https://github.com/feross/standard)[39m
[38;5;12m  - [39m[38;5;14m[1mclean-code-javascript - javascript 编码风格指南[0m[38;5;12m (https://github.com/ryanmcdermott/clean-code-javascript)[39m
[38;5;12m  - [39m[38;5;14m[1mspec[0m[38;5;12m (https://github.com/ecomfe/spec/) -  百度前端团队代码规范[39m
[38;5;12m- [39m[38;5;14m[1m 标签的内容清单[0m[38;5;12m (https://github.com/joshbuchea/head)[39m
[38;5;12m- [39m[38;5;14m[1mFront-End-Checklist[0m[38;5;12m (https://github.com/thedaviddias/Front-End-Checklist) - The perfect Front-End Checklist for modern websites and meticulous developers http://frontendchecklist.com[39m
[38;5;12m- [39m[38;5;14m[1m30-seconds-of-code[0m[38;5;12m (https://github.com/Chalarangelo/30-seconds-of-code)[39m
[38;5;12m- [39m[38;5;14m[1m30-seconds-of-css[0m[38;5;12m (https://github.com/atomiks/30-seconds-of-css)[39m
[38;5;12m- [39m[38;5;14m[1mproject-guidelines[0m[38;5;12m (https://github.com/elsewhencode/project-guidelines/blob/master/README-zh.md) - JavaScript工程项目的一系列最佳实践策略[39m
[38;5;12m- [39m[38;5;14m[1mreact-in-patterns[0m[38;5;12m (http://sangka-z.com/react-in-patterns-cn/) - React 模式[39m
[38;5;12m- [39m[38;5;14m[1mPWA-Book-CN[0m[38;5;12m (https://github.com/SangKa/PWA-Book-CN/) - Progressive Web Apps (PWA) 中文版[39m
[38;5;12m- [39m[38;5;14m[1mjavascript-algorithms[0m[38;5;12m (https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md) - JavaScript 算法与数据结构[39m
[38;5;12m- [39m[38;5;14m[1mvue-design[0m[38;5;12m (https://github.com/HcySunYang/vue-design) - Vue技术内幕[39m
[38;5;12m- [39m[38;5;14m[1mcss-protips[0m[38;5;12m (https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN) - CSS 专业技巧[39m
[38;5;12m- [39m[38;5;14m[1mFront-End-Performance-Checklist[0m[38;5;12m (https://github.com/thedaviddias/Front-End-Performance-Checklist) - 前端性能优化清单[39m
[38;5;12m- [39m[38;5;14m[1m33-js-concepts[0m[38;5;12m (https://github.com/leonardomso/33-js-concepts) - 每个 JavaScript 工程师都应懂的33个概念 「[39m[38;5;14m[1m翻译[0m[38;5;12m (https://github.com/stephentian/33-js-concepts)」[39m
[38;5;12m- [39m[38;5;14m[1mjoshbuchea/HEAD[0m[38;5;12m (https://github.com/joshbuchea/HEAD) - HTML 网页的 head 元素 指南[39m
[38;5;12m- [39m[38;5;14m[1mAirbnb Engineering & Data Science[0m[38;5;12m (https://airbnb.io/projects/) - Airbnb 前端开源项目[39m
[38;5;12m- [39m[38;5;14m[1mstorybooks/storybook[0m[38;5;12m (https://github.com/storybooks/storybook) - 各大公司的 UI 组件库的 Storybook 展示 https://storybook.js.org/examples/[39m
[38;5;12m- [39m[38;5;14m[1mLEARN REGEX THE EASY WAY[0m[38;5;12m (https://github.com/ziishaned/learn-regex/blob/master/translations/README-cn.md) - 正则表达式学习[39m

[38;5;12m                                                                                                       [39m[38;2;255;187;0m[1m[4m书籍( Frontend-related Books )[0m

[38;5;12m- [39m[38;5;14m[1mFront-End Developer Handbook 2016[0m[38;5;12m (https://www.frontendhandbook.com/index.html)[39m
[38;5;12m- [39m[38;5;14m[1mFront-End Developer Handbook 2017[0m[38;5;12m (https://frontendmasters.com/books/front-end-handbook/2017/)[39m
[38;5;12m- [39m[38;5;14m[1mFront-End Developer Handbook 2018[0m[38;5;12m (https://frontendmasters.com/books/front-end-handbook/2018/)[39m
[38;5;12m- [39m[38;5;14m[1m前端工程师手册[0m[38;5;12m (https://leohxj.gitbooks.io/front-end-database/content/)[39m
[38;5;12m- [39m[38;5;14m[1m前端工程师手册[0m[38;5;12m (https://dwqs.gitbooks.io/frontenddevhandbook/content/) - 包括前端开发实践、学习前端开发、前端开发工具[39m
[38;5;12m- [39m[38;5;14m[1mD3 in Depth[0m[38;5;12m (http://d3indepth.com/) - 可视化引擎 D3 的教程[39m
[38;5;12m- [39m[38;5;14m[1mCanvas: Draw on the web[0m[38;5;12m (https://www.yuque.com/airing/canvas) - HTML5 Canvas 教程[39m
[38;5;12m- [39m[38;5;14m[1mNode.js 最佳实践[0m[38;5;12m (https://github.com/i0natan/nodebestpractices/blob/master/README.chinese.md)[39m
