# web_js_css_frame **Repository Path**: yyman001/web_js_css_frame ## Basic Information - **Project Name**: web_js_css_frame - **Description**: 前端开发的干货,包含pc端,移动端js库,框架,css框架,工具等等... - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 12 - **Forks**: 7 - **Created**: 2015-04-22 - **Last Updated**: 2025-04-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 一些前端开发的干货 ---- `资料或许有重复!` `资料或许有重复!` `资料或许有重复!`,我也只是一个搬运工！ [库?](https://github.com/dypsilon/frontend-dev-bookmarks) [目前最全的前端开发面试题及答案](https://github.com/HerbertKarajan/Fe-Interview-questions) 如果有哪个链接失效,请发留言,谢谢你的支持 推荐 > * [AI 工具网址导航站](https://ai.nancheng.fun/) > * [ChatGPT prompts](https://openprompt.co/) > * [ChatGPT Box 将ChatGPT深度集成到浏览器中, 你所需要的一切均在于此](https://github.com/josStorer/chatGPTBox/blob/master/README_ZH.md) > * [极客时间浏览器工作原理](https://github.com/poetries/browser-working-principle) > * [渗透攻击10年系列](https://github.com/Micropoor/Micro8) > * [阮一峰每周分享摘录](https://wanmaoor.github.io/ryfWeekly/) > * [bird.so 用不了谷歌搜索可以用这个](http://caup.cn/) > * [公众账号推荐](https://github.com/jaywcjlove/handbook/blob/master/other/%E5%85%AC%E4%BC%97%E8%B4%A6%E5%8F%B7%E6%8E%A8%E8%8D%90.md) > * [掘金](https://gold.xitu.io/) > * [Easy Mock 模拟数据](https://www.easy-mock.com/) > * [JavaScript错误监测](https://fundebug.com/) > * [个人常用开发工具](https://github.com/yyman001/web_tools) > * [HEAD 能够放在文档的 中的各种配置元素,mate列表大全](https://github.com/joshbuchea/HEAD) [中文](https://www.awesomes.cn/repo/joshbuchea/head) > * [ScriptOJ 是首个 Web 前端开发评测系统](http://scriptoj.mangojuice.top/) > * [项目规范-avaScript工程项目的一系列最佳实践策略](https://github.com/wearehive/project-guidelines/blob/master/README-zh.md) > * [30 Seconds of CSS](https://github.com/kujian/30-seconds-of-css) > * [Zan Proxy - 本地代码调试线上页面，环境再也不是问题](https://github.com/youzan/zan-proxy) > * [最全前端资源汇集](https://jeffjade.com/2016/03/30/104-front-end-tutorial/) > * [CSS Inspiration，在这里找到写 CSS 的灵感！](https://github.com/chokcoco/CSS-Inspiration) > * [看图学算法](https://github.com/MisterBooo/LeetCodeAnimation) > * [OI-wiki 编程竞赛相关知识教程](https://github.com/24OI/OI-WIKI) > * [成为专业程序员路上用到的各种优秀资料、神器及框架 ](https://github.com/stanzhai/be-a-professional-programmer) > * [Web前端入门和进阶学习笔记](https://github.com/qianguyihao/Web) > * [Algorithm Visualizer 算法展示](https://github.com/algorithm-visualizer/algorithm-visualizer) > * [大前端面试宝典 - 图解前端](https://github.com/azl397985856/fe-interview) > * [IntelliJ IDEA 的技巧仓库](https://github.com/xiaoxiunique/tool-tips) > * [精选前端开发的各类文章](https://github.com/pingan8787/Leo-JavaScript) > * [前端乐园](https://share.aoping.club/) > * [JavaScript 数据结构与算法](https://github.com/XPoet/js-data-structures-and-algorithms) > * [设计数据密集型应用 - 中文翻译](https://github.com/Vonng/ddia) > * [常见的路径规划算法集合。项目包含了 Python 代码实现、运行过程动画以及相关论文](https://github.com/zhm-real/PathPlanning) > * [Web 全栈开发、工程架构与性能调优](https://github.com/wx-chevalier/Web-Series) > * [《算法新解》](https://github.com/liuxinyu95/AlgoXY) > * [常用 CSS 样式示例集合](https://github.com/QiShaoXuan/css_tricks) > * [系统设计入门](https://github.com/donnemartin/system-design-primer/blob/master/README-zh-Hans.md) > * [TypeScript 类型体操姿势合集](https://github.com/type-challenges/type-challenges/blob/main/README.zh-CN.md) > * [设计模式目录](https://refactoringguru.cn/design-patterns/catalog) > * [Vue.js 挑战集合](https://cn-vuejs-challenges.netlify.app/) > * [GitHubDaily 坚持分享 GitHub 上高质量、有趣实用的开源技术教程、开发者工具、编程网站、技术资讯。](https://github.com/GitHubDaily/GitHubDaily) AI 专题 > * [Cherry Studio AI Chat客户端](https://github.com/CherryHQ/cherry-studio) > * [Awesome MCP Servers](https://github.com/punkpeye/awesome-mcp-servers) > * [Awesome MCP Servers - Concise List](https://github.com/MobinX/awesome-mcp-list) 周刊 > * [由腾讯IVWEB出品的《IVWEB技术周刊》](https://github.com/iv-web/weekly) > * [前端精读周刊](https://github.com/dt-fe/weekly) > * [《阿里云前端技术周刊》](https://github.com/aliyunfe/weekly) > * [前端食堂技术周刊](https://github.com/Geekhyt/weekly) 博客 > * [biaochenxuying](https://github.com/biaochenxuying/blog) > * [YvetteLau](https://github.com/YvetteLau/Blog) > * [front-end-canteen 前端食堂](https://github.com/Geekhyt/front-end-canteen) > * [FE前端小课](https://github.com/lefex/FE) > * [jsliang 的文档库](https://github.com/LiangJunrong/document-library) > * [TNT-Weekly](https://github.com/tnfe/TNT-Weekly) > * [前端内参](https://github.com/coffe1891/frontend-hard-mode-interview) > * [fe-blog](https://github.com/6fedcom/fe-blog) > * [前端游乐场](https://github.com/godbasin/front-end-playground) > * [FrontEndGitHub](https://github.com/FrontEndGitHub/FrontEndGitHub) > * [木易杨](https://github.com/yygmind/blog) > * [前端小智](https://github.com/qq449245884/xiaozhi) > * [EveryDay](https://github.com/WindrunnerMax/EveryDay) > * [若川的博客](https://github.com/lxchuan12/blog) > * [天天造轮子，手写面试常见源码](https://github.com/su37josephxia/wheel-awesome) > * [带你入门前端工程](https://github.com/woai3c/introduction-to-front-end-engineering) > * [kujian前端开发博客](https://github.com/kujian/frontendDaily) > * [Front-End-Interview](https://github.com/lf2021/Front-End-Interview) 面试 > * [独有前端面试题详解](https://github.com/lgwebdream/FE-Interview) > * [daily](https://github.com/pwstrick/daily) > * [JS每日一题](https://github.com/febobo/web-interview) > * [2020届硕士的秋招前端面试实战经验](https://github.com/zhenzhencai/FontEndInterview) > * [Front-End-Interview-Notebook](https://github.com/CavsZhouyou/Front-End-Interview-Notebook) > * [前端面试interview题目收集](https://github.com/nieyafei/front-end-interview) > * [js-react-css-html-interview-question](https://github.com/hengxuZ/js-react-css-html-interview-question) > * [大前端面试宝典 - 图解前端](https://github.com/azl397985856/fe-interview) > * [2021年最新总结，阿里，腾讯，百度，美团，头条等技术面试题目，以及答案](https://github.com/0voice/interview_internal_reference) > * [Daily-Interview-Question](https://github.com/Advanced-Frontend/Daily-Interview-Question) > * [前端学习每日3+1](https://github.com/haizlin/fe-interview) > * [最全的前端面试题](https://github.com/HerbertKarajan/Fe-Interview-questions) > * [前端面试常考问题分类整理汇总](https://github.com/poetries/FE-Interview-Questions) > * [我是「齐丶先丶森」，公众号「前端面试秘籍」作者，收集整理全网面试题及面试技巧](https://github.com/yisainan/web-interview) > * [Fucking Frontend 前端面试、学习路径、优秀好文等各类内容](https://github.com/KieSun/fucking-frontend) 编码规范 > * [百度前端编码规范](https://github.com/ecomfe/spec) > * [vue 风格指南](https://cn.vuejs.org/v2/style-guide/) > * [Airbnb 的 JavaScript 编码规范](https://github.com/airbnb/javascript) > * [frontend-guidelines - Some HTML, CSS and JS best practices.](https://github.com/bendc/frontend-guidelines) > * [Vue.js 组件编码规范](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md) > * [CSS 创作指南（Beta）](https://github.com/cssdream/css-creating) > * [JavaScript Standard Style ](https://github.com/standard/standard/blob/master/docs/README-zhtw.md) > * [AlloyTeam代码规范](https://github.com/AlloyTeam/CodeGuide) > * [中文文案排版指北](https://github.com/sparanoid/chinese-copywriting-guidelines) > * [中文技术文档的写作规范](https://github.com/ruanyf/document-style-guide) > * [JavaScript 风格指南](https://github.com/alivebao/clean-code-js) 前端库搜索 > * [玩林-前端框架搜索](http://www.iwan0.com/) > * [awesomes-前端资源库](https://www.awesomes.cn/) > * [常用库查询系统](http://hackr.io/) > * [常用库查询系统2 - 迷你库](http://microjs.com/) 前端导航 > * [前端收集](https://github.com/jikeytang/front-end-collect) > * [WEB前端知识库](https://github.com/imweb/FKB) > * [jsdig](http://jsdig.com/) > * [前端笔记](http://www.w3cmark.com/mark/) > * [醉牛前端](http://f2er.club/) > * [前端收藏夹](http://collect.w3ctrain.com/) > * [web前端导航](http://guide.500lines.cc/) > * [F2E前端导航](http://fenav.com/#/index) API文档 > * [Vue Docs 中文文档翻译合集](https://github.com/vuejs/vue-docs-zh-cn) > * [css手册](http://css.doyoe.com/) > * [webkitcss 属性查询文档](http://ued.ctrip.com/webkitcss/index.html) > * [(英文)css属性详解 -各种参数有demo进行对比](http://cssreference.io) > * [flex](http://yoksel.github.io/flex-cheatsheet/#flex-direction) > * [jQuery API 中文文档](http://www.css88.com/jqapi-1.9/) > * [jQuery UI API中文文档](http://www.css88.com/jquery-ui-api/) > * [Chrome 开发者工具](http://www.css88.com/doc/chrome-devtools/) > * [Sass (3.4.21) 中文文档](http://www.css88.com/doc/sass/) > * [ES6 手册](https://qiutc.me/post/es6-cheatsheet.html) > * [React 中文文档（V15.5.4）](http://www.css88.com/react/) > * [React 官方中文文档（V16.13.1）](https://zh-hans.reactjs.org/docs/getting-started.html#javascript-resources) > * [Zepto.js 中文文档](http://www.css88.com/doc/zeptojs_api/) > * [Backbone.js 中文文档](http://www.css88.com/doc/backbone/) > * [Underscore.js 中文文档](http://www.css88.com/doc/underscore/) > * [JSDoc中文文档](http://www.css88.com/doc/jsdoc/index.html) > * [Bootstrap 中文文档](http://bootstrap.css88.com/) > * [Lodash 中文文档 ](http://www.css88.com/doc/lodash/) > * [webpack 官方中文文档](https://doc.webpack-china.org/guides/getting-started) > * [webpack 中文文档(2.2)](http://www.css88.com/doc/webpack2/) > * [avalon 2 中文文档](http://avalonjs.coding.me/) > * [vue1.0 中文文档](http://vuejs.org.cn/guide/) > * [vue2.0 中文文档](https://vuefe.cn/) > * [vuex 中文文档](https://vuex.vuejs.org/zh-cn/) > * [Express 4.x API 中文手册](http://www.expressjs.com.cn/4x/api.html) > * [koa 中文文档](https://koa.bootcss.com/) > * [koa 中文文档 同上](https://github.com/demopark/koa-docs-Zh-CN) > * [Koa 中文文档 同上](https://github.com/guo-yu/koa-guide) > * [rollup.js 中文文档](https://www.kancloud.cn/yunye/rollup/327462) > * [Angular 中文文档](https://angular.cn/docs/ts/latest/) > * [weex](https://weex.apache.org/cn/references/) > * [Electron 中文文档](https://github.com/amhoho/electron-cn-docs) > * [SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd) > * [Flutter中文网](https://flutterchina.club/) > * [Linux 命令大全搜索工具](https://github.com/jaywcjlove/linux-command) > * [CSS 种植手册](http://csscode.itcast.cn/#/README) > * [Jest 测试单元文档](https://jestjs.io/zh-Hans/) > * [three.js 中文手册](https://threejs.org/docs/) > * [Three.js 中文教程] (https://techbrood.com/threejs/docs/) > * [three.js 部分中文教程](https://threejsfundamentals.org/threejs/lessons/zh_cn/) > * [Nest.js 中文教程](https://docs.nestjs.cn/6/introduction) > * [Maven 手册](https://www.yuque.com/inuter/bc7ikc/ngeqot) > * [TypeScript使用手册（中文版）翻译](https://github.com/zhongsp/TypeScript) > * [Tailwind CSS](https://www.tailwindcss.cn/docs) >移动端资料 - [H5 案例 - 不定期收集市面上优秀的 H5 作品。](https://github.com/o2team/cases) - [移动H5前端性能优化指南](https://isux.tencent.com/h5-performance.html) - [支付宝无线Web开发经验谈](http://am-team.github.io/amg/dev-exp-doc.html) - [移动前端系列——移动端页面坑与排坑技巧( 2014-12-08 )](http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201411/290576.shtml) - [移动web最佳实践（2013）](http://www.ipresst.com/play/528892e11d0495f30f00762e) - [移动Web前端框架 ( 2014 ) ](http://www.jingwentian.com/t-135) - [移动端自适应方案-lib.flexible,淘宝手机版都是用这个框架](https://github.com/amfe/lib.flexible) - [iOS 微信 音频 视频自动播放](http://www.w3ctech.com/topic/1165rd) - [解决ios下的微信打开的页面背景音乐无法自动播放](http://www.w3cmark.com/2016/434.html) - [微信JS-SDK说明文档](http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html) - [微信js demo](http://203.195.235.76/jssdk/) - [QQ浏览器X5内核问题汇总](http://www.qianduan.net/qqliu-lan-qi-x5nei-he-wen-ti-hui-zong/) - [手机分辨率查询](http://viewportsizes.com/) - [移动端响应式框架-测试阶段,不适用于复杂页面](https://github.com/peunzhang/pageResponse) - [视频H5のVideo标签在微信里的坑和技巧](https://aotu.io/notes/2017/01/11/mobile-video/) - [LAVAS 基于 Vue.js 的 PWA 解决方案 帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题](https://lavas.baidu.com/?qq-pf-to=pcqq.group) ## 学习资料/文章 ### Git - [連猴子都能懂的Git入門指南](https://backlog.com/git-tutorial/tw/intro/intro1_1.html) - [Git可视化教程，通俗易懂](https://learngitbranching.js.org/?demo) - [Github使用指南-从新手到专家 ](http://www.cnblogs.com/xirongliu/p/4589834.html) - [高质量的Git中文教程](https://github.com/geeeeeeeeek/git-recipes) - [Git 学习目录 wiki](https://github.com/geeeeeeeeek/git-recipes/wiki) - [GitHub秘籍](https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md) - [Git的奇技淫巧](https://github.com/521xueweihan/git-tips) - [git资料](https://github.com/xirong/my-git) - [Git-Cheat-Sheet 中文版](https://github.com/flyhigher139/Git-Cheat-Sheet) - [30 天精通 Git 版本控管](https://github.com/doggy8088/Learn-Git-in-30-days/blob/master/zh-tw/README.md) ### 其他 - [Node.js 最佳实践](https://github.com/goldbergyoni/nodebestpractices/blob/master/README.chinese.md) - [从零开始学 Web 前端系列教程。前端零基础自学入门进阶图文教程。](https://github.com/Daotin/web) - [深入理解 TypeScript](https://github.com/jkchao/typescript-book-chinese) - [ChromeAppHeroes - Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类~](https://github.com/zhaoolee/ChromeAppHeroes) - [数据结构和算法动态可视化](https://visualgo.net/zh) - [JavaScript开发者应懂的33个概念](https://github.com/stephentian/33-js-concepts) - [谈谈一些有趣的 CSS 话题](https://github.com/chokcoco/iCSS) - [中国程序员容易发音错误的单词](https://github.com/shimohq/chinese-programmer-wrong-pronunciation) - [面向对象的JavaScript编程：原理与实践](https://github.com/haitaoxin/jsoo) - [React 入门教程-中文](https://doc.react-china.org/) - [React Bits - 有关React，你需要知道的一切](https://github.com/hateonion/react-bits-CN) - [React-Native学习指南](https://github.com/reactnativecn/react-native-guide) - [[译]看漫画理解Flux](https://medium.com/@icyfish/%E8%AF%91-%E7%9C%8B%E6%BC%AB%E7%94%BB%E7%90%86%E8%A7%A3flux-4e4aa508eade) - [《看漫画，学 Redux》 —— A cartoon intro to Redux](https://github.com/jasonslyvia/a-cartoon-intro-to-redux-cn) - [什么是正则表达式?](https://github.com/zeeshanu/learn-regex/blob/master/README-cn.md) - [前端基础进阶系列](http://www.jianshu.com/p/cd3fee40ef59) - [Study-Step-by-Step 书籍合集](https://github.com/qibaoguang/Study-Step-by-Step) - [渲染性能](https://github.com/sundway/blog/issues/2) - [awesome-javascript](https://github.com/wwsun/awesome-javascript) - [JavaScript教程 - 廖雪峰的官方网站](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) - [逐行剖析Vue.js源码](https://github.com/NLRX-WJC/Learn-Vue-Source-Code) - [node.js中文资料导航](https://github.com/youyudehexie/node123) - [了不起的Nodejs Nodejs的各种资源,英文](https://github.com/vndmtrx/awesome-nodejs) - [AngularJS ,一些关于 AngularJS 的博客，文章，视频，书籍等](https://github.com/justjavac/AngularJS-Learning-zh_CN) - [HelloSea.js seajs教程](https://github.com/island205/HelloSea.js) - [HTTP API 设计指南](https://github.com/ZhangBohan/http-api-design-ZH_CN) - [JSON API：用 JSON 构建 API 的标准指南中文版](https://github.com/justjavac/json-api-zh_CN) - [了不起的React React的各种资源,英文](https://github.com/enaqx/awesome-react) - [一家伙（s5s5）学习css3动画的心得](https://github.com/s5s5/CSS-Animations) - [让WEB前端的变优雅的东东，如：代码规范，代码组织，最佳实践之类](https://github.com/iamjoel/be-grace-front-end-developer) - [前端工具推荐](https://github.com/codylindley/frontend-tools) - [腾讯团队web移动文章](http://tgideas.qq.com/) - [视觉设计师是怎样让前端工程师 100% 实现设计效果的？](http://www.zhihu.com/question/27743708answer-17103050) - [JavaScript 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/) - [vue 教程](http://www.cnblogs.com/keepfool/p/5619070.html) - [10 个原则让动画带你飞](https://github.com/xitu/gold-miner/blob/master/TODO/smooth-css-animations.md) - [React Native 中文网](http://reactnative.cn/) - [cssreference.io](http://cssreference.io/) - [大话设计模式](https://www.kancloud.cn/dengyigegushi/details-dahua/100439) - [YOU MIGHT NOT NEED JQUERY - 是用原生写法代替jq](http://youmightnotneedjquery.com/) - [全景漫游VR -（淘宝造物节背后的库）](http://tgask.qq.com/?/article/3) - [从零开始构建 JavaScript 技术栈](https://github.com/pd4d10/js-stack-from-scratch) - [微信小程序开发资源汇总](https://github.com/justjavac/awesome-wechat-weapp) - [《一起学 Node.js》彻底重写完毕](https://github.com/nswbmw/N-blog) - [TypeScript 入门教程](https://ts.xcatliu.com/) - [TypeScript 官方文档](https://zhongsp.gitbooks.io/typescript-handbook/content/) - [第一本 PWA 中文书](https://github.com/SangKa/PWA-Book-CN) - [如何通过饿了么 Node.js 面试](https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn) - [JavaScript 算法与数据结构](https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md) - [《编程之法：面试和算法心得》](https://github.com/julycoding/The-Art-Of-Programming-By-July/blob/master/ebook/zh/Readme.md) - [learnVue - Vue.js源码分析](https://github.com/answershuto/learnVue) - [前端面试手册](https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Chinese/README.md) - [全栈工程师之路-Node.js](https://i5ting.github.io/nodejs-fullstack/) - [css-gif 一个动图，一个CSS知识点](https://github.com/qdlaoyao/css-gif) - [《Flutter 实战》](https://book.flutterchina.club/) - [JavaScript 资源大全中文版](https://github.com/jobbole/awesome-javascript-cn) - [现代 JavaScript 教程中文版](https://github.com/javascript-tutorial/zh.javascript.info) - [CheatSheet，一图读懂系列](https://github.com/wangzhengya/cheatsheet) - [vue 源码解析及实现](https://github.com/fastCreator/MVVM) - [Koa.js 设计模式-学习笔记](https://github.com/chenshenhai/koajs-design-note) - [《Koa2进阶学习笔记》](https://github.com/chenshenhai/koa2-note) - [JavaScript 编程精解 中文第三版](https://github.com/wizardforcel/eloquent-js-3e-zh) - [JavaScript 二十年](https://github.com/doodlewind/jshistory-cn) - [Javascript 算法](https://github.com/TheAlgorithms/Javascript) - [代码安全指南](https://github.com/Tencent/secguide) - [Python 之旅](https://github.com/ethan-funny/explore-python) - [Python 算法](https://github.com/TheAlgorithms/Python) - [超多经典 Canvas 实例](https://github.com/bxm0927/canvas-special) - [Go 语言实战: 编写可维护 Go 语言代码建议](https://github.com/llitfkitfk/go-best-practice) >书籍资料 - [USTC-CS-Courses-Resource 中国科学技术大学众多课程资源](https://github.com/mbinary/USTC-CS-Courses-Resource) - [免费的计算机编程类中文书籍](https://github.com/justjavac/free-programming-books-zh_CN) - [免费编程书籍](https://github.com/vhf/free-programming-books/blob/master/free-programming-books-zh.md) - [码农周刊整理-推荐关注](https://github.com/nemoTyrant/manong) - [运维实践指南](https://github.com/meetbill/op_practice_book) - [《微服务：从设计到部署》](https://github.com/oopsguy/microservices-from-design-to-deployment-chinese) - [【编程随想】收藏的电子书清单](https://github.com/programthink/books) - [2019年最新总结，从程序员到CTO，从专业走向卓越，分享大牛企业内部pdf与PPT](https://github.com/0voice/from_coder_to_expert) - [free-programming-books ](https://github.com/EbookFoundation/free-programming-books/blob/main/books/free-programming-books-zh.md) ### 一些社区 - [Stack Overflow：Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题，浏览问题，索引相关内容，在创建主页的时候使用简单的HTML。](http://stackoverflow.com/) - [segmentfault：是中国领先的开发者技术社区。](https://segmentfault.com/) ## 系列文章 - [《深入理解Node.js：核心思想与源码分析》](https://github.com/yjhjstz/deep-into-node) - [性能专栏](https://github.com/barretlee/performance-column) - [Docker — 从入门到实践](https://github.com/yeasy/docker_practice) - [Nginx开发从入门到精通](https://github.com/taobao/nginx-book) - [React Cookbook](https://github.com/shimohq/react-cookbook) - [React.js 小书](http://huziketang.com/books/react/lesson1) - [React 入门实例教程](http://www.ruanyifeng.com/blog/2015/03/react.html) - [React-Native学习指南](https://github.com/ele828/react-native-guide) - [html5 Canvas画图系列教程目录](http://jo2.org/html5-canvas-tutorial-list/) - [web前端开发分享-目录系列](http://www.cnblogs.com/jikey/p/3613082.html) - [深入理解javascript原型和闭包系列](http://www.cnblogs.com/wangfupeng1988/p/4001284.html) - [深入理解JavaScript系列](http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html) - [JavaScript模式集合](http://shichuan.github.io/javascript-patterns/) - [深入理解JavaScripts设计模式系列：](http://wiki.jikexueyuan.com/project/javascript-depth-understanding/model-design-one.html) - [设计模式总结,非js](http://www.cnblogs.com/chenssy/p/3357683.html) - [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/) - [七天学会NodeJS](http://nqdeng.github.io/7-days-nodejs/5.2) - [前端之困 · XSS CookBook系列](http://zhuanlan.zhihu.com/wooyun/19756127) - [一个月时间整理《深入浅出Node.js》](https://cnodejs.org/topic/551200e6d792542a29789a43) - [【web必知必会】——图解HTTP](http://www.cnblogs.com/xing901022/p/4309840.html) - [廖雪峰-JavaScript基础教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) - [MDN JavaScript基础教程](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) - [45个实用的JavaScript技巧、窍门和最佳实践](http://colobu.com/2014/09/23/45-Useful-JavaScript-Tips,-Tricks-and-Best-Practices/) - [Must-Watch JavaScript 需要翻墙](https://github.com/AllThingsSmitty/must-watch-javascript) - [Must-Watch CSS 需要翻墙](https://github.com/AllThingsSmitty/must-watch-css) - [搜罗一切webpack的好文章好工具](https://github.com/webpack-china/awesome-webpack-cn) - [Vim 从入门到精通](https://github.com/wsdjeg/vim-galore-zh_cn) - [如何提高英语技能](https://github.com/byoungd/english-level-up-tips-for-Chinese) - [《Node.js 调试指南》](https://github.com/nswbmw/node-in-debugging) - [《JavaScript 闯关记》](https://github.com/stone0090/javascript-lessons) - [Node.js技术栈](https://github.com/Q-Angelo/Nodejs-Roadmap) - [手把手撕LeetCode题目，扒各种算法套路的裤子](https://github.com/labuladong/fucking-algorithm) - [how-javascript-works 翻译介绍 JavaScript 的工作原理](https://github.com/Troland/how-javascript-works) - [Golang-100-Days](https://github.com/rubyhan1314/Golang-100-Days) ---- ## 其他工具 - [flexbox在线制作器](http://the-echoplex.net/flexyboxes/) - [SPARK动画平台 这是我们组做的一个动画效果平台，里面集合了所有的牛逼动画，可以让你灵感猛增！（目前已开放外网使用）](https://tonytony.club/spark/) - [OneDiv 这是个神奇的网站，里面的所有细节都是用一个div元素通过复杂的Css3实现的，有空可以去开开脑洞噢](http://a.singlediv.com/) - [贝塞尔曲线生成器 ](http://cubic-bezier.com/) - [HTML5 与 CSS3 技术应用评估](http://html5please.com/ "html5与css3技术应用评估") - [各种奇妙的hack](http://browserhacks.com/ "各种奇妙的hack") - [几乎所有设备的屏幕尺寸与像素密度表](http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density "几乎所有设备的屏幕尺寸与像素密度表") - [移动设备参数表](http://screensiz.es/phone "移动设备参数表") - [ios端移动设备参数速查](https://ivomynttinen.com/blog/ios-design-guidelines) - [浏览器兼容表](http://www.quirksmode.org/compatibility.html) - ~~[移动设备查询器](https://deviceatlas.com/device-data/devices)~~ - ~~[移动设备适配库](http://51degrees.codeplex.com/)~~ - [移动设备适配库2](http://detectmobilebrowsers.com/) - [pc/mobile 设备识别-推荐](http://matthewhudson.github.io/current-device/) - ~~[viewport与设备尺寸在线检测器](https://deviceatlas.com/device-data/devices)~~ - [html5 移动端兼容性速查](http://mobilehtml5.org/ "html5移动端兼容性速查") - [在线转换字体](http://www.fontsquirrel.com/tools/webfont-generator "在线转换字体") - [css3 选择器测试](http://tools.css3.info/selectors-test/test.html "css3选择器测试") - [兼容性速查表](http://caniuse.com/ "兼容性速查表") - [浏览器的一些独特参数](http://www.browserscope.org/ "浏览器的一些独特参数") - [各种各样的媒体查询收集](http://nmsdvid.com/snippets/ "各种各样的媒体查询收集") - [sass @include-media 媒体查询库](https://github.com/eduardoboucas/include-media) - ~~[css3 动画在线制作器](http://ecd.tencent.com/css3/tools.html "css3动画在线制作器")~~ - [css3 渐变在线制作器](http://www.colorzilla.com/gradient-editor/ "css3渐变在线制作器") - [移动端手势表](http://ww1.sinaimg.cn/bmiddle/c2c57f68jw1e4fh7dmw12j20fi2w6qe1.jpg "移动端手势表") - [webkit独有的样式分析](http://ued.ctrip.com/blog/wp-content/webkitcss/ "webkit独有的样式分析") - [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills) - [HTML5 POLYFILLS](http://html5polyfill.com/ "HTML5 POLYFILLS") - [iPhone 6 屏幕揭秘](http://wileam.com/iphone-6-screen-cn/) - [智图客户端 – 你的图片你做主,本地图片快速压缩工具](https://isux.tencent.com/zhitu-client.html) - [网站视频/音乐 扒神器](https://github.com/soimort/you-get) - [ELF 灵活可扩展的HTML5 构建工具](https://elf.aotu.io/) - [让小程序支持组件化开发的框架-类型vue组件开发](https://github.com/Tencent/wepy) - [APIJSON - API 服务的框架 ](https://github.com/TommyLemon/APIJSON) - [sentry-javascript - Official Sentry SDKs for Javascript 错误日志打点统计](https://github.com/getsentry/sentry-javascript) - [monitor 一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK](https://github.com/clouDr-f2e/monitor) - [GitHub issues 备份工具](https://github.com/gissue/gissue.github.io/) - [YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台](https://github.com/YMFE/yapi) - [Lottie是一个适用于Android，iOS，Web和Windows的库](http://airbnb.io/lottie/) - [docz 文档代码效果演示专用生成工具](https://github.com/doczjs/docz/) ## js插件网站 - [Unheap](http://www.unheap.com/) - [jquer.in](http://jquer.in/) - [OpenLib--http://www.open-lib.com/](http://www.open-lib.com/) - [jQuery插件库--http://www.jq22.com/](http://www.jq22.com/) - [jquery之家--http://www.htmleaf.com/](http://www.htmleaf.com/) - [分享天空--http://www.sharetk.com/](http://www.sharetk.com/) - [jQuery Script--http://www.jqueryscript.net/](http://www.jqueryscript.net/) - [dowebok 做好网站--http://www.dowebok.com/ ](http://www.dowebok.com/) - [Web前端开发--http://www.zjgsq.com/](http://www.zjgsq.com/) 前端组件库 >搭建web app常用的样式/组件等收集列表(移动优先) ## css布局 - [CSS Layout, Popular layouts and patterns made with CSS](https://github.com/1milligram/csslayout) ## 手势库 - [TouchSwipe ](http://labs.rampinteractive.co.uk/touchSwipe/demos/index.html) ## 移动端工具 - [Eruda - Console for Mobile Browsers](https://github.com/liriliri/eruda ) - [vConsole.js 同上](https://github.com/WechatFE/vConsole/blob/dev/README_CN.md) - [AlloyLever - 开发调试发布，错误监控上报，用户问题定位。](https://github.com/AlloyTeam/AlloyLever) - [current-device 设备识别js库](https://github.com/matthewhudson/current-device) - [spy-debugger：远程调试手机页面和抓包的工具](https://github.com/wuchangming/spy-debugger) ## vue专题 - [awesomes vue 各种组件](https://www.awesomes.cn/subject/vue) - [『收藏』VUE优秀UI组件库合集](https://shimo.im/doc/LkpdnWxM1j40BDJj/) - [cooking更易上手的前端构建工具 for vue](http://elemefe.github.io/cooking/) - [一个记录使用了vue技术的网站列表-made with vue.js](https://madewithvuejs.com/) ## Vue相关开源项目库汇总 - http://www.opendigg.com/tags/front-vue - https://github.com/opendigg/awesome-github-vue - https://vuejsexamples.com/ - [Vue.js Script](http://www.vuescript.com/) ## vue ui组件库 - [vue.js ie9+](http://cn.vuejs.org/) - [滴滴 Web 移动端组件库 cube-ui](https://github.com/didi/cube-ui) - [mand-mobile 面向金融场景的移动端UI](https://github.com/didi/mand-mobile/blob/master/README.zh-CN.md) - [AT UI 由阿里通信技术团队打造基于Vue的Web组件库](http://aliqin.github.io/docs/atui/introduce) - [微信UI Vux 支持@^1.0.24](https://github.com/airyland/vux) - [bootstrap风格 Vux 支持@v1.x.x](https://github.com/yuche/vue-strap) - [material风格 vue-mdl ](https://github.com/posva/vue-mdl) - [Keen-UI ](https://github.com/JosephusPaye/Keen-UI) - [Mint UI ](https://github.com/ElemeFE/mint-ui) - [iView UI](https://github.com/iview/iview) - [element UI 支持vue@2.0](http://element.eleme.io) - [Muse-UI - 基于 Vue 2.0 和 Material Desigin 的 UI 组件库](https://museui.github.io/) - [Vue Material](https://github.com/marcosmoura/vue-material) - [vant 有赞开发的基于 Vue.js 2.0 的 UI 组件库](https://github.com/youzan/vant) - [vue-beauty 基于 ant design 的漂亮的 vue 组件库](https://github.com/FE-Driver/vue-beauty) - [A UI library of Overwatch, built with Vue.js](https://github.com/haixiangyan/overwatch-ui) - [Naive UI, A Vue 3 Component Library](https://github.com/TuSimple/naive-ui) - [nutui 京东风格](https://github.com/jdf2e/nutui) - [arco-design-vue](https://github.com/arco-design/arco-design-vue) ## vue 其他插件组件 - [PortalVue ， anywhere in the document/普通开发使用组件](https://github.com/LinusBorg/portal-vue) - [mpvue vue转微信小程序](https://github.com/Meituan-Dianping/mpvue) - [vue-axios](https://github.com/imcvampire/vue-axios) - [Vue-Lazyload 图片延迟加载](https://github.com/hilongjw/vue-lazyload) - [vue-amap 基于Vue 2.0 和高德地图的地图组件](https://github.com/ElemeFE/vue-amap) - [Vueditor 基于Vue 2.0 的富文本编辑器](https://github.com/hifarer/Vueditor) - [Scroller for Vue 2.0](http://im.dahoo.wang/vue-scroller//) - [JRoll无限加载+下拉刷新 for Vue2 ](https://github.com/chjtx/JRoll/tree/master/extends/jroll-vue-infinite) - [Vue-Core-Image-Upload 2.0 一款轻量级图片裁剪上传插件](https://github.com/Vanthink-UED/vue-core-image-upload) - [vue-datepicker 日期拾取组件](https://github.com/hsiaosiyuan0/vue-datepicker) - [一个生成 svg 图标组件的工具 (vue2.x)](https://github.com/MMF-FE/vue-svgicon) - [vue GUI generator](https://github.com/vuegg/vuegg) - [Vue2 到 Vue3 升级指南](https://gogocode.io/zh/docs/vue/vue2-to-vue3) ## React 相关 - [React Hooks Library](https://github.com/alibaba/hooks) - [ANT DESIGN](http://ant-design.gitee.io/index-cn) - [Use Ant Design like a Pro](https://github.com/ant-design/pro-components) - [reactSPA](https://github.com/JasonBai007/reactSPA) - [ReCharts 是一个 React 图表组件库](http://recharts.org/#/en-US/) - [React-Bootstrap](https://react-bootstrap.github.io/) - [anu.js 是一个高级兼容React16的迷你React 框架](https://rubylouvre.github.io/anu/ch/index.html) - [React的秘密](https://github.com/neroneroffy/react-source-code-debug) ## Weex - [Weex Ui](https://alibaba.github.io/weex-ui/#/cn/) ## Node - [egg.js ](https://github.com/eggjs/egg) - [Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架。](https://github.com/nestjs/nest) ## 小程序相关 - [mini-stores - 小程序多状态管理](https://github.com/linjc/mini-stores) ## Nginx - [Nginx 入门教程](https://github.com/xuexb/learn-nginx) ## 跨端框架 - [uView UI，是uni-app生态最优秀的UI框架](https://github.com/YanxinNet/uView) - [Mpx，一款具有优秀开发体验和深度性能优化的增强型跨端小程序框架](https://github.com/didi/mpx) - [娜娜奇 - 基于 React 的多端小程序转译框架](https://rubylouvre.github.io/nanachi/) - [ColorUI, 鲜亮的高饱和色彩，专注视觉的小程序组件库](https://github.com/weilanwl/ColorUI) ## 后台 - [Ant Design Vue Pro](https://github.com/vueComponent/ant-design-vue-pro/blob/master/README.zh-CN.md) ## web集成框架 - [Semi Design 是由抖音前端团队](https://github.com/DouyinFE/semi-design) - [Arco Design](https://github.com/arco-design/arco-design/blob/main/README.zh-CN.md) ## Electron - [electron-forge](https://github.com/electron-userland/electron-forge) ## 网络学习? -[GFPGAN 图片修复](https://github.com/TencentARC/GFPGAN) >0. 前端自动化(Workflow) - 依赖安装 - [yarn](http://yarnpkg.top/) - [npm](https://www.npmjs.com/) - 前端构建工具 - [Yeoman - a set of tools for automating development workflow](https://github.com/yeoman/yeoman) - [gulp - The streaming build system](http://gulpjs.com/) - [grunt - the JavaScript Task Runner](http://gruntjs.com/) - [F.I.S - 前端集成解决方案](https://github.com/fex-team/fis) - 前端模块管理器 - [Bower - A package manager for the web](http://bower.io/) - [Browserify](http://browserify.org/) - [Component](https://github.com/componentjs/component) - [Duo](http://duojs.org/) - [RequireJS](http://requirejs.org/) - [Sea.js](http://seajs.org/) - [webpack](http://webpack.github.io/docs/) - [ESL](https://github.com/ecomfe/esl)是一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。 - css预处理器 - [Sass - Syntactically Awesome Style Sheets](http://sass-lang.com/) - [Less - Less is More , Than CSS](http://lesscss.org/) - [Stylus - Expressive, dynamic, robust CSS](http://learnboost.github.io/stylus/) >1. 前端框架(Frameworks) - [Material-UI 移动端ui框架,效果好](http://material-ui.com//components/appbar) [github](https://github.com/callemall/material-ui) - [Frozen UI 腾讯移动UI框架](http://frozenui.github.io/) - [Bootstrap](https://github.com/twbs/bootstrap) - [Foundation](https://github.com/zurb/foundation) - [Amaze UI](http://amazeui.org/) - [Semantic UI](https://github.com/semantic-org/semantic-ui) - [Pure CSS](http://purecss.io/) - [topcoat](https://github.com/topcoat/topcoat) - [UIkit](https://github.com/uikit/uikit) - [Material UI](https://github.com/callemall/material-ui) - [Framework7](http://www.idangero.us/framework7) - [mui](https://github.com/dcloudio/mui) - [ionic framework](http://ionicframework.com/) - [Fries](https://github.com/jaunesarmiento/fries) - [jQuery Mobile](http://jquerymobile.com/) - [H-ui 前端框架](http://h-ui.net/index.shtml) - [Skeleton](https://github.com/dhg/Skeleton) - [HaloJS](https://halojs.aotu.io/api/index.html) - [QMUI Web 是一个专注 Web UI](https://github.com/QMUI/QMUI_Web) - [LuLu ui](https://l-ui.com/content/about/design.html) - [ css.gg - 开源图标 UI 库。支持 CSS、SVG、Figma、NPM](https://github.com/astrit/css.gg) - [daisyUI - css UI](https://github.com/saadeghi/daisyui) - [A pure CSS library to beautify checkbox and radio buttons.](https://github.com/lokesh-coder/pretty-checkbox) - [Open Source CSS Variables](https://github.com/argyleink/open-props) >1.2 后端UI框架 - [Layui](http://www.layui.com/) - [BUI](http://www.builive.com/) >2. JavaScript 框架汇总 - JavaScript 框架 - [react](https://github.com/facebook/react) - [preact (react的代替者)](https://github.com/developit/preact/) - [Angular](https://github.com/angular/angular) - [jQuery](https://github.com/jquery/jquery) - [Backbone.js](https://github.com/jashkenas/backbone) - [Ractive.js](https://github.com/ractivejs/ractive) - [KISSY](https://github.com/kissyteam/kissy) - [Zepto.js](https://github.com/madrobby/zepto) - [ZeptoBuilder是Zepto的一个在线版本，从列表中选取你想包含的文件，就能得到你自定义的构建了](http://github.e-sites.nl/zeptobuilder/) - [Vanilla JS](http://vanilla-js.com/) - [Avalon](https://github.com/RubyLouvre/avalon) - [Sprint.js - 一个高性能、小体积的 DOM 操作库 (Benjamin De Cock) ](https://github.com/bendc/sprint) - [JSLite.js](http://jslite.io/) - [Ember.js：一个用于创建 web 应用的 JavaScript MVC 框架，采用基于字符串的Handlebars模板，支持双向绑定、观察者模式、计算属性（依赖其他属性动态变化）、自动更新模板、路由控制、状态机等。](http://emberjs.com/) - 轻量级JavaScript框架 - [Min.js - Super minimal selector and event library](https://github.com/remy/min.js) - [skel.js - A lightweight responsive framework](https://github.com/n33/skel) - [LAB.js 异步加载js](https://github.com/getify/LABjs) - JavaScript 工具库[扩展库] - [es5-shim](https://github.com/es-shims/es5-shim) - [es6-promise] (https://github.com/stefanpenner/es6-promise) - [underscore.js JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。](https://github.com/jashkenas/underscore) - [Lodash.js 函数式编程库,一个 JavaScript 实用工具库,提供一致性,模块化,性能和配件等功能。](https://lodash.com/) - [Ramda.js 函数式编程库](http://ramda.cn/) - [functional.js 函数式编程库](https://github.com/functionaljs/functional-js/) - [Lazy.js 性能超越underscore和Lodash的工具类库](https://github.com/dtao/lazy.js/) - [Babel.js 让浏览器支持新js ES6,其实就是把ES6,5的语法转换成旧的js形式](https://github.com/babel/babel) - [Way.js - 双向数据绑定库](https://github.com/gwendall/way.js) - [Keys.js - 应用快捷键](https://github.com/bitwalker/keys.js) - [Mousetrap - 键盘快捷键操作](https://github.com/ccampbell/mousetrap) - [Hotkeys.js 捕获键盘输入和输入的组合键快捷键](https://github.com/jaywcjlove/hotkeys) - [keymaster.js 同上](https://github.com/madrobby/keymaster) - [big.js 用于任意精度的十进制算术运算](https://github.com/MikeMcl/big.js/) - [math.js 同上](https://github.com/josdejong/mathjs) - [number-precision.js 同上](https://github.com/nefe/number-precision) - [一个 JS 脚本，可以自动生成鱼的图形](https://github.com/LingDong-/fishdraw) - [自动画树](https://github.com/zv/tree) >3. 前端游戏框架(动画引擎) - [Hilo 跨终端的互动游戏解决方案 阿里出品](https://github.com/hiloteam/Hilo) - [Pixi.js v4 - WebGL 国外游戏引擎](http://www.pixijs.com/) - [cocos2d-html5](https://github.com/cocos2d/cocos2d-html5) - [Egret Engine](http://www.egret-labs.org/) - [LimeJS](https://github.com/digitalfruit/limejs) - [EaselJS](https://github.com/CreateJS/EaselJS) - [three.js](https://github.com/mrdoob/three.js) - [AlloyStick](https://github.com/AlloyTeam/AlloyStick) - [The-Best-JS-Game-Framework](https://github.com/finscn/The-Best-JS-Game-Framework) - [CanvasEngine](https://github.com/RSamaium/CanvasEngine) - [Quintus](https://github.com/cykod/Quintus) - [LayaAir 引擎 国内游戏框架,跟白鹭比较??暂时不知道](http://layabox.com/) - [soya2d 一个 好学、易用、强大、开源的 H5游戏引擎 现在,有你掌控](http://soya2d.com) - [phina.js JavaScript游戏开发库](https://github.com/yrq110/odds-and-ends/blob/master/%E5%88%9D%E6%AC%A1%E4%BD%BF%E7%94%A8phina.js%20-%20JavaScript%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91%E5%BA%93.md) - [melon.js](https://github.com/melonjs/melonjs) - [Phaser - HTML5 Game Framework](https://github.com/photonstorm/phaser) - [PlayCanvas WebGL Game Engine](https://github.com/playcanvas/engine) - [Popmotion.js – 小巧，灵活的 JavaScript 运动引擎](https://github.com/Popmotion/popmotion) - [Dynamics.js - 创建逼真的物理动画的 JS 库](https://github.com/michaelvillar/dynamics.js) - [Snabbt.js – 极简的 JavaScript 动画库](https://github.com/daniel-lundin/snabbt.js) >4. ui组件库 - [GMU - 基于zepto的ui组件库，适用于移动端](https://github.com/fex-team/GMU) - [FrozenUI - 腾讯移动端组件库](https://github.com/frozenui/frozenui) - [NEC](http://nec.netease.com/) - [NEJ](http://nej.netease.com/) - [Pure CSS Components](https://github.com/LFeh/css-components/) - [magic-of-css](https://github.com/adamschwartz/magic-of-css) - [Primer - The CSS toolkit and guidelines that power GitHub](https://github.com/primer/primer) - [ZUI - 一个开源前端实践方案，帮助你快速构现代跨屏应用。][1] - [WeX5开源前端][2] - [B-JUI][3] - [MUI 轻量级WEB框架](https://www.muicss.com/) - [jQuery WeUI - V0.7.1 WeUI 的jQuery实现版，提供了大量官方WeUI没有的组件, 同时兼容 jQuery 和 Zepto。](http://lihongxun945.github.io/jquery-weui/) - [Light7 手机ui组件](http://www.light7.cn/) - [bttn.css Awesome buttons for awesome projects](https://github.com/ganapativs/bttn.css) - [CSS Pressable 3D Buttons](https://github.com/iRaul/pushy-buttons) - [Bulma is a modern CSS framework based on Flexbox.](https://github.com/jgthms/bulma) >5. 基础模版 - 浏览器统一(Cross Browser) - [HTML5 BOILERPLATE](https://github.com/h5bp/html5-boilerplate) - [Modernizr](https://github.com/Modernizr/Modernizr) - [Normalize.css](https://github.com/necolas/normalize.css/) - [cssFx - 为CSS3自动生成浏览器前缀](https://github.com/imsky/cssFx) - [-prefix-free - Break free from CSS prefix hell](https://github.com/LeaVerou/prefixfree) - 响应式 - [Responsive - 响应式布局](https://github.com/ResponsiveBP/Responsive) - [Spectre.css - 轻量级响应式 CSS 框架](https://picturepan2.github.io/spectre/) - [Wing 是一个微型（压缩后仅有4KB）响应式的 CSS 框架，它提供了一个 12 列响应式网格以及基础的样式组件集](https://github.com/KingPixil/wing/) - [Core.css 是一个用于构建响应式网站的轻量级框架。它压缩后仅有 1.3kb，同时它没有预先设定的元素和内置动画。所以适用于搭建任何小型的 Web 项目。](https://github.com/alecrios/core) - [Enquire.js - Awesome Media Queries in JavaScript](https://github.com/WickyNilliams/enquire.js) - [Free Wall - 创建桌面，移动和平板的动态网格布局](https://github.com/kombai/freewall) - [reframe.js 让非响应式元素响应的JavaScript插件。 Reframe对`iframe`和`video`元素特别有用](https://github.com/dollarshaveclub/reframe.js/) - [Grid—A—Licious](http://suprb.com/apps/gridalicious/) - [MUURI - Responsive, sortable, filterable and draggable grid layouts , ie9+](https://github.com/haltu/muuri) >6. 排版 - [yue.css](https://github.com/lepture/yue.css) - [typo.css](https://github.com/sofish/typo.css) - [chinese-copywriting-guidelines - 中文文案排版指南](https://github.com/sparanoid/chinese-copywriting-guidelines) >7. 网格系统 - [flex.css - 快速入门，极速布局](https://github.com/lzxb/flex.css) - [grid](https://github.com/aekaplan/grid) - [Flexbox Grid](https://github.com/kristoferjoseph/flexboxgrid) - [MasonJS - creating a perfect grid](https://github.com/DrewDahlman/Mason) - [Juiced: a Flexbox CSS Framework](http://juicedcss.com/) - [Neutron 创建灵化、简洁网页布局的SASS框架](http://neutroncss.com/) - [flexible.gs 灵活的响应式栅格布局CSS框架](http://flexible.gs) - [Decorator - HTML, CSS, and JavaScrip 前端框架](http://decorator.codable.org) - [minigrid.js 只有2KB的零依赖栅格布局-瀑布流](https://github.com/henriquea/minigrid) - [Reflexbox 用于React的Flexbox网格系统，提供Grid, Flex, 和Box组件用于开发](https://github.com/jxnblk/reflexbox/) >8. HTML5 API 应用 - [History.js - gracefully supports the HTML5 History/State APIs](https://github.com/browserstate/history.js) - [jquery-pjax - pushState+ajax](https://github.com/defunkt/jquery-pjax) - [jquery-address - Deep Linking](https://github.com/asual/jquery-address) - [Notify.js(Web Notifications API)](https://github.com/alexgibson/notify.js) >9. UA 识别 - [detector](https://github.com/hotoo/detector) >10. 表单处理 >10.1 表单验证(Form Validator)/表单提示 - [(Depreciated) A Laravel styled JavaScript Object/Form/JSON validation library](https://github.com/ppoffice/validator.js) - [validate.js](https://github.com/rickharrison/validate.js/) - [Validator](https://github.com/niceue/validator) - [Parsley](https://github.com/guillaumepotier/Parsley.js) - [jquery.form.js - jQuery Form Plugin](https://github.com/malsup/form) - [Validform](https://github.com/haiercdboy/Validform) - [validator.js](https://github.com/sofish/validator.js) - [jquery-validation - jQuery Validation Plugin](https://github.com/jzaefferer/jquery-validation) - [formvalidator.js](https://github.com/victorjonsson/jQuery-Form-Validator) - [Fort.js – 表单填写进度提示](http://github.com/Colourity/Fort.js) - [mailcheck - 用于检测email地址的域名](https://github.com/mailcheck/mailcheck) - [Floatlable.js - 输入时显示placeholder文本](https://github.com/clubdesign/floatlabels.js) - [jQuery Label Better](https://github.com/peachananr/label_better) - [2016 年最好用的表单验证库 SMValidator.js ](https://github.com/WLDragon/SMValidator) >10.2 < select > 相关 - [Chosen](https://github.com/harvesthq/chosen) - [Select2](https://github.com/select2/select2) - [bootstrap-select](https://github.com/silviomoreto/bootstrap-select) >10.3 单选框/复选框相关 - [iCheck - 增强复选框和单选按钮](https://github.com/fronteed/iCheck) >10.4 上传组件 - [jQuery File Upload Plugin](https://github.com/blueimp/jQuery-File-Upload) - [百度 Web Uploader](http://fex-team.github.io/webuploader/) - [Uploadify](http://www.uploadify.com/) - [Plupload](https://github.com/moxiecode/plupload) - [Fine Uploader](http://fineuploader.com/index.html) - [arale-upload - 轻量级 iframe and html5 file uploader](https://github.com/aralejs/upload) - [Dropzone.js - drag'n'drop library拖拽上传](https://github.com/enyo/dropzone) - [flow.js](https://github.com/flowjs/flow.js) - [localResizeIMG3 - 前端本地客户端压缩图片，兼容IOS，Android，PC](https://github.com/think2011/localResizeIMG) - [FileAPI - 是文件上传（单个/多个）、拖放支持、图像裁剪、大小调整、应用过滤器和获取文件信息](http://mailru.github.io/FileAPI/) - [Resumable.JS 通过HTML5API提供了稳定可恢复的多文件上传功能。](http://www.resumablejs.com/) - [filepond.js - A Flexible and Fun JavaScript File Upload Library](https://github.com/pqina/filepond) >10.5 日期选择 - [超强日历](http://www.my97.net/dp/demo/index.htm) - [Both Date and Time picker widget based on twitter bootstrap](https://github.com/smalot/bootstrap-datetimepicker) - [Mobiscroll 超强扩展](https://github.com/acidb/mobiscroll) - [Pikaday - 日期选择器](https://github.com/dbushell/Pikaday) - [TimelineJS - 时间轴](http://timeline.knightlab.com/) - [mobile-calendar 移动端日历插件，不依赖其他第三方框架](https://github.com/rookie125/mobile-calendar) - [mobile_calendar jQuery手机移动端日历日期选择](https://github.com/Hancoson/mobile_calendar) - [Flatpickr ：轻量级日期时间选择器，无依赖 (英文日期)](https://chmln.github.io/flatpickr) - [datePicker 一个适合移动端的日期选择插件，支持选择时间](https://github.com/ddd702/datePicker) - [better-picker – 一款轻量级IOS风格的JavaScript选择器](https://github.com/ustbhuangyi/picker) >10.6 取色 - [Colorpicker plugin for Twitter Bootstrap](https://github.com/mjolnic/bootstrap-colorpicker) >10.7 标签插件(Tag) - [TaggingJS – 可以灵活定制的 jQuery 标签系统插件](https://github.com/sniperwolf/taggingJS) - [selectize.js](https://github.com/brianreavis/selectize.js) >10.8 自动完成插件 - [At.js - 一个Twitter/微博样式的@自动完成插件](https://github.com/ichord/At.js) - [jquery-textcomplete - 智能搜索提示框/自动补全](https://github.com/yuku-t/jquery-textcomplete) - [typeahead.js - a fast and fully-featured autocomplete library](https://github.com/twitter/typeahead.js) - [Awesomplete - 零依赖的简单自动完成插件](http://leaverou.github.io/awesomplete/) - [github](https://github.com/LeaVerou/awesomplete) - [Algolia Places：给输入框添加地址自动补全功能](https://github.com/algolia/places/) >10.8.1 - [Cleave.js – 自动格式化表单输入框的文本内容](https://github.com/nosir/cleave.js/) >10.9 样式修正 - [autosize - 使文本框自动适应所输入的内容](https://github.com/jackmoore/autosize) >11. 图表绘制/图形库(Graphics) - [Highcharts](https://github.com/highslide-software/highcharts.com) - [Chart.js - 基于HTML5的JavaScript图表](https://github.com/nnnick/Chart.js) - [百度 ECharts](https://github.com/ecomfe/echarts) - [Chartist.js](https://github.com/gionkunz/chartist-js) - [D3.js - D3是基于数据的文档操作javascript库,D3能够把数据和HTML、SVG、CSS结合起来,创造出可交互的数据图表。](https://github.com/d3/d3) - [intro-to-d3 - a D3.js tutorial](https://github.com/square/intro-to-d3) - [Bonsai - 一个功能强大的JavaScript图形库](https://github.com/uxebu/bonsai) - [Epoch - 漂亮、平稳流畅和高性能可视化的图表库](http://fastly.github.io/epoch/) - [SVG 2D绘图](http://jonobr1.github.io/two.js/) - [SVG Morpheus - SVG图形变形动画](https://alexk111.github.io/SVG-Morpheus/) - [Sigma是一个专用于图形绘制的JavaScript库。](https://github.com/jacomyal/sigma.js) - [GraphicsJS ，一个轻量级的前端图形库 支持ie6](http://www.graphicsjs.org/) - [强大的矢量图形库：Raphael JS ](https://github.com/DmitryBaranovskiy/raphael/) http://www.jianshu.com/p/81c3fc5287d1 - [chart.xkcd - xkcd 风格(手绘风格)的图表库](https://github.com/timqian/chart.xkcd) - [LeaderLine - Draw a leader line in your web page](https://github.com/anseki/leader-line) >12. 日期格式化 - [Day.js 2kB超轻量时间库 和Moment.js一样的API](https://github.com/xx45/dayjs) - [Miment.js 轻量级的时间库](https://github.com/noahlam/Miment/blob/master/README-cn.md) - [Moment.js - 日期处理](http://momentjs.com/) - [Smart Time Ago - 显示相对时间](https://github.com/pragmaticly/smart-time-ago) - [FormatJS – 让你的 Web 应用程序国际化](http://formatjs.io/) - [一个轻量级的时间处理工具库 - dateformat.js](https://github.com/XuXiaoGH/dateformat.js) - [timeago a jQuery plugin 返回类型xxx时间之前发表,支持18种语言](http://timeago.yarp.com/) - [date-fns 时间格式化](https://github.com/date-fns/date-fns) >13. 页面交互 >13.1 Slider - [slick - the last carousel you'll ever need](https://github.com/kenwheeler/slick/) - [Swipe - the most accurate touch slider](https://github.com/thebird/Swipe) - [Swiper - 移动端/pc端滑动组件比较强大](http://www.idangero.us/swiper/demos/.VUCEQUYr_pA) - [github](https://github.com/nolimits4web/Swiper) - [iscroll - 简约模拟滑动层](https://github.com/cubiq/iscroll) - [iSlider - 移动端滑动组件](https://github.com/BE-FE/iSlider) - [OwlCarousel - create beautiful responsive carousel slider](https://github.com/OwlFonk/OwlCarousel) - [jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件](https://github.com/jquery/jquery-mousewheel/) - [Glide.js - 轻量级滑块组件](https://github.com/jedrzejchalubek/Glide.js) >13.2 瀑布流 - [Masonry](http://masonry.desandro.com/) 推荐 - [Isotope - Filter & sort magical layouts](http://isotope.metafizzy.co/) - [Wookmark-jQuery ](https://github.com/GBKS/Wookmark-jQuery) >13.3 懒加载/加载监听/预加载 - [basket.js – 基于 LocalStorage 的资源加载器](https://github.com/addyosmani/basket.js) - [imagesLoaded – 检测网页中的图片是否加载完成](https://github.com/desandro/imagesloaded) - [layzr.js - git关注蛮高的](http://callmecavs.github.io/layzr.js/) - [github](https://github.com/callmecavs/layzr.js) - [Echo.js](https://github.com/toddmotto/echo) - [lazySizes](https://github.com/aFarkas/lazysizes) - [jquery_lazyload](https://github.com/tuupola/jquery_lazyload) - [BttrLazyLoading](https://github.com/shprink/bttrlazyloading/) - [lazyload.js](https://github.com/vvo/lazyload) - [waitForImages - 图片加载监听库](https://github.com/alexanderdickson/waitForImages) - [PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能](https://github.com/thinkpixellab/PxLoader) - [jQuery.preload - 预加载图片资源](https://github.com/htmlhero/jQuery.preload/blob/master/src/jquery.preload.js) - [bindWithDelay - jQuery Plugin For Delayed Event Execution](https://github.com/bgrins/bindWithDelay) - [TypeWatch - 停止输入时调用](https://github.com/dennyferra/TypeWatch) >13.4 图片轮播(幻灯片)/图片展示 - [SuperSlide - 国产的幻灯片,功能集成比较多,我个人推荐](http://www.SuperSlide2.com/) - [FlexSlider](https://github.com/woothemes/FlexSlider) - [unslider - 小而美的轮播库](https://github.com/idiot/unslider) - [prettyPhoto](https://github.com/scaron/prettyphoto) - [FlickerPlate - A cool jQuery plugin that lets you flick through content.](https://github.com/chrishumboldt/Flickerplate) - [Holder.js - Client-side image placeholders.](https://github.com/imsky/holder) - [RowGrid.js - 在径直的行里放置图片](https://github.com/brunjo/rowGrid.js) - [ImageLightbox.js - 灯箱效果](http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/) - [JQuery Panorama Viewer - 全景视图](https://github.com/peachananr/panorama_viewer) - [PhotoSwipe - 移动开发必备的 iOS 风格相册](http://photoswipe.com/) - [github](https://github.com/dimsemenov/photoswipe) - [lory.js ](http://meandmax.github.io/lory/) - [swipe2 – 非常轻量级的一个图片滑动切换效果库,跟3版本不一样,这个用于幻灯片](https://github.com/lyfeyaj/Swipe) - [RefineSlide A 3D transform/CSS transition-enabled jQuery](https://github.com/webbart/refineslide) >13.5 图片剪裁/图片处理 - [Jcrop - Image Cropping Plugin for jQuery](https://github.com/tapmodo/Jcrop) - [croppic - an image cropping jquery plugin](https://github.com/sconsult/croppic) - [jQuery.eraser - 图像擦除插件](https://github.com/boblemarin/jQuery.eraser) - [DD_belatedPNG.js - 让IE6支持透明PNG图片](http://www.dillerdesign.com/experiment/DD_belatedPNG/) - [FocusPoint.js 实现图片的响应式裁剪](https://github.com/jonom/jquery-focuspoint) - [Picturefill - 一个响应式图片 JS 插件 (Scott Jehl) ](http://scottjehl.github.io/picturefill/) - [jQuery picZoomer - 图片区域放大](http://www.jqueryscript.net/zoom/jQuery-Plugin-For-Image-Zoom-On-Hover-picZoomer.html) - [watermark.js 为图片添加水印](http://brianium.github.io/watermarkjs/) - [image-compressor 图片压缩](https://github.com/xkeshi/image-compressor) - [一个360度全景照片浏览的 JS 库](https://pchen66.github.io/Panolens/) >13.6 图片放大镜 - [EasyZoom for jQuery](https://github.com/i-like-robots/EasyZoom) - [ZooMove for jQuery](https://github.com/thompsonemerson/zoomove) - [Magnifier.js](https://github.com/mark-rolich/Magnifier.js) >13.6 进度条/加载动画(Loading) - [CSS Loader 是一个非常有用加载器。它允许开发人员利用纯 CSS 文件，以及一个空
元素便可以快速的创建加载指示器。](https://github.com/raphaelfabeni/css-loader) - [progressbar.js svg线条](https://github.com/kimmobrunfeldt/progressbar.js) - [NProgress.js](http://ricostacruz.com/nprogress/) - [progress.js](https://github.com/usablica/progress.js) - [Pace - Automatic page load progress bar](https://github.com/HubSpot/pace) - [jquery-ajax-progress](https://github.com/englercj/jquery-ajax-progress) - [waitMe - 很漂亮的loading效果](https://github.com/vadimsva/waitMe) - [spin.js](https://github.com/fgnass/spin.js) - [sonic.js](https://github.com/padolsey/sonic.js) - [fakeLoader.js - 依赖jQ的全屏加载js](https://github.com/joaopereirawd/fakeLoader.js) - [Easy Pie Chart](https://github.com/rendro/easy-pie-chart) >13.7 侧滑插件(offcancas) - [pushy - a responsive off-canvas navigation menu ](https://github.com/christophery/pushy) - [Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单](https://github.com/mango/slideout) >13.8 菜单(Menu) - [SuperFish - 基于jQuery的级联下拉菜单](https://github.com/joeldbirch/superfish) - [Responsive Nav - 响应式导航](https://github.com/viljamis/responsive-nav.js) >13.9 滚动侦测(ScrollSpy) - [jquery-scrollspy(1)](https://github.com/sxalexander/jquery-scrollspy) - [jquery-scrollspy(2)](https://github.com/thesmart/jquery-scrollspy) - [Waypoints](https://github.com/imakewebthings/waypoints) - [ScrollMagic - 像进度条一样使用滚动条](https://github.com/janpaepke/ScrollMagic) - [onScreen - 滚动加载,滚动固定](http://silvestreh.github.io/onScreen/) - [Choreographer.js 多帧动画处理 跟ScrollMagic 类似 ](https://github.com/christinecha/choreographer-js) - [moveTo.js 轻量级滚动到指定位置插件](https://github.com/hsnaydd/moveTo) - [basicScroll](https://github.com/electerious/basicScroll) >13.10 滚动加载更多/下拉刷新(Pull to Refresh) - [jScroll](https://github.com/pklauzinski/jscroll) - [web-pull-to-refresh](https://github.com/apeatling/web-pull-to-refresh) - [pulltorefresh](https://github.com/dwcares/pulltorefresh) - [RubberBand.js - add pull-to-refresh functionality to any page.](https://github.com/ThrivingKings/RubberBand.js) - [infinity.js/∞ .js 无限下拉加载](http://airbnb.github.io/infinity/) - [pulltorefresh.js 下拉刷新](https://github.com/BoxFactura/pulltorefresh.js) - [infinite-scroll – 一款滚动加载按需加载的轻量级插件](https://github.com/infinite-scroll/infinite-scroll) - [better-scroll 移动端滚动插件](https://github.com/ustbhuangyi/better-scroll) >13.11 平滑滚动插件(Smooth Scroll) - [jquery-smooth-scroll](https://github.com/kswedberg/jquery-smooth-scroll) - [jquery.scrollTo - 平滑滚动到页面指定位置](https://github.com/flesler/jquery.scrollTo) - [smooth-scroll](https://github.com/cferdinandi/smooth-scroll) - [scrollUp](https://github.com/markgoodyear/scrollup) - [Elevator.js 一个模拟电梯运行“返回顶部”的 JS 插件 (Tim Holman) ](https://github.com/tholman/elevator.js) >13.12 全屏滚动/全屏切换 - [pagePiling.js - 全屏滚动效果](https://github.com/alvarotrigo/pagePiling.js) - [fullPage.js](https://github.com/alvarotrigo/fullPage.js/) - [onepage-scroll](https://github.com/peachananr/onepage-scroll) - [zepto.fullpage - 专注于移动端的fullPage.js](https://github.com/yanhaijing/zepto.fullpage) - [screenfull.js - 切换全屏模式](https://github.com/sindresorhus/screenfull.js) - [Space.js – HTML 驱动的页面 3D 滚动效果](http://www.slashie.org/space.js/) - [github](https://github.com/gopatrik/space.js) >13.13 分屏滚动 - [multiscroll.js - 分屏滚动效果](https://github.com/alvarotrigo/multiscroll.js) >13.14 转场效果 - [Animsition - 页面切换时的过渡效果](https://github.com/blivesta/animsition) >13.15 固定元素(Sticky) - [Sticky-Kit 比较出名,功能强大,个人推荐](http://leafo.net/sticky-kit/) - [ Sticky Navbar -可定点](http://www.jozefbutko.com/stickynavbar/) - [Waypoints](http://imakewebthings.com/waypoints/) - [sticky - jQuery Plugin for Sticky Objects](https://github.com/garand/sticky) - [jquery.pin - 固定页面元素](https://github.com/webpop/jquery.pin) - [stickUp](https://github.com/LiranCohen/stickUp) - [Slinky.js - 堆叠头部创建滑动导航列表](https://github.com/iclanzan/slinky) - [Headroom.js](http://wicky.nillia.ms/headroom.js/) - [ScrollMagic](http://janpaepke.github.io/ScrollMagic/) - [Sticky Float](https://github.com/yairEO/stickyfloat) - [Sticky Mojo](http://mojotech.github.io/stickymojo/) - [Zebra Pin](https://github.com/stefangabos/Zebra_Pin) - [HC-Sticky](https://github.com/somewebmedia/hc-sticky) >13.16 触控事件 - [Hammer.js](https://github.com/hammerjs/hammer.js) >13.17 拖拽组件 - [Draggabilly - 专注于拖拽功能的 JS 库](https://github.com/desandro/draggabilly) - [jquery.event.move.js](https://github.com/stephband/jquery.event.move) - [ScrollBooster 轻量级拖拽滚动](https://github.com/ilyashubin/scrollbooster) >13.18 隐藏或展示页面元素 - [Headroom.js - 在不需要页头时将其隐藏](http://www.bootcss.com/p/headroom.js/) - [Readmore.js - 内容显示与隐藏插件](https://github.com/jedfoster/Readmore.js) - [oriDomi - 像指一样折叠Dom元素](https://github.com/dmotz/oriDomi) >13.19 滚动条(Scrollbar) - [jQuery-slimScroll pc效果不错5k,手机端不建议是用](http://rocha.la/jQuery-slimScroll) - [jquery.mCustomScrollbar pc,苹果效果不错,安卓效果略差,大小较大](http://manos.malihu.gr/jquery-custom-content-scroller/) - [jScrollPane](https://github.com/vitch/jScrollPane) - [jquery.scrollbar](https://github.com/gromo/jquery.scrollbar) - [perfect-scrollbar](https://github.com/noraesae/perfect-scrollbar) - [nanoScrollerJS](https://github.com/jamesflorentino/nanoScrollerJS) - [tinyscrollbar](https://github.com/wieringen/tinyscrollbar) - [gemini-scrollbar](https://github.com/noeldelgado/gemini-scrollbar) >13.20 视差滚动(Parallax Scrolling) - [MidnightJS 效果很赞](http://aerolab.github.io/midnight.js/) - [parallax.js](https://github.com/wagerfield/parallax) - [jparallax](https://github.com/stephband/jparallax) - [StickyStack.js](http://codepen.io/mike-zarandona/full/Dasnw) [-github](https://github.com/mike-zarandona/StickyStack.js) - [jquery.superscrollorama.js 很酷的动画效果](https://github.com/johnpolacek/superscrollorama) >14. 代码高亮插件/代码编辑器 - [google-code-prettify](https://code.google.com/p/google-code-prettify/) - [highlight.js](https://highlightjs.org/) - [Rainbow](http://craig.is/making/rainbows) - [ACE](https://github.com/ajaxorg/ace) - [CodeMirror](https://github.com/codemirror/codemirror) - [Crayon Syntax Highlighter](https://github.com/aramk/crayon-syntax-highlighter) - [prism - Lightweight, robust, elegant syntax highlighting.](https://github.com/PrismJS/prism) >15. UI Icon 组件 - [Font Awesome](http://fontawesome.io/icons/) - [Glyphter: The SVG Font Machine](http://glyphter.com/) - [Perfect Icons](http://perfecticons.com/) - [iconizr](http://iconizr.com/) - [Cikonss - 纯CSS实现的响应式Icon](http://www.bootcss.com/p/cikonss/) - [Simple Icons](https://github.com/danleech/simple-icons) >16. 动画(Animate) - js动画库 - [GSAP.js 最屌的动画库](http://greensock.com/gsap) - [Animate Plus CSS/SVG 动画库](https://github.com/bendc/animateplus) - [anime.js 动画库,支持svg-一直在更新](https://github.com/juliangarnier/anime) - [dynamics.js js动画-很屌的样子,支持svg](http://dynamicsjs.com/) - [snabbt.js - 简约的JavaScript动画库](http://daniel-lundin.github.io/snabbt.js/) - [Transit - CSS transitions and transformations for jQuery](https://github.com/rstacruz/jquery.transit) - [Move.js - 简化CSS3动画的JS库](http://visionmedia.github.io/move.js/) - [github](https://github.com/visionmedia/move.js) - [Animo.js - 堆栈动画，创建跨浏览器的模糊效果【效果不错，依赖jq】](http://labs.bigroomstudios.com/libraries/animo-js) - [github](https://github.com/ThrivingKings/animo.js) - [Velocity.js - 加速JavaScript动画](https://github.com/julianshapiro/velocity) - [Morf.js 提供了一组 JavaScript 方法用于加速 CSS3的各种转换效果，支持的方法都在上图中，无需编写 CSS3 代码。](http://www.joelambert.co.uk/morf/) - [github](https://github.com/joelambert/morf) - [lenticular.js - 响应倾斜或鼠标事件创建图片动画](https://github.com/thomasxiii/lenticular.js) - [jQuery Interactive 3D - 使用图片创建一个3D模型](https://github.com/peachananr/interactive_3d) - [AnimateScroll - 动画滚动,应该是定点导航动画](https://github.com/ramswaroop/animatescroll.js) - [jq 元素抖动库](http://jackrugile.com/jrumble/) - [Tween JS JavaScript 补间动画库 canvas](http://www.createjs.com/!/CreateJS) - [Rekapi 关键帧动画库](http://rekapi.com/) - [favico.js v0.3.4 控制游览器标签小图标](http://lab.ejci.net/favico.js/) - [github](https://github.com/ejci/favico.js) - [dom-animator -注释动画](http://tholman.com/dom-animator/) - [KUTE.js 支持SVG等动画-手机端性能不太好](https://github.com/thednp/kute.js) - [Granim.js 简单易用的渐变动画库,纯JavaScript(< 10kB) 实现。](https://sarcadass.github.io/granim.js/) - [txt.wav.js 让文字飞起来](https://github.com/still-life-studio/txt.wav) - [jquery.path 动画路径](https://github.com/weepy/jquery.path) - [Vivus.js](http://maxwellito.github.io/vivus/) 是一个轻量级的JavaScript类(完全无依赖) 来允许你创建 SVG 动画，让他们显示被画出来的轨迹。 Vivus提供很多不同种类的动画。 另外还有选项，你可以按你的想法来创建一个定制的脚本来创建你的SVG动画。 - [mo.js](http://mojs.io/) - [micron.js Micron是一个允许你为DOM元素添加不同的CSS增强动画的库](https://github.com/webkul/micron) - [Direction Reveal （方向展示）](https://github.com/NigelOToole/direction-reveal) - [Rythm.js 让页面跳舞](https://github.com/Okazari/Rythm.js) - [一个 JavaScript 的 3D 设计和动画制作库](https://github.com/metafizzy/zdog) - [svg-text-animate 是一个在浏览器环境中将输入文本根据字体转化为描边动画的JavaScript库](https://github.com/oubenruing/svg-text-animate) - [scene.js 场景动画](https://github.com/daybrush/scenejs) - css动画库 - [xless - 又一个css动画库](http://royjang.github.io/xless/) [github](https://github.com/royJang/xless) - [CSShake - css抖动库](https://elrumordelaluz.github.io/csshake/) - [github](https://github.com/elrumordelaluz/csshake) - [animate.css - css3动画库](https://github.com/daneden/animate.css) - [all animation - 同上,有sass版本](http://clovisdasilvaneto.github.io/all-animation/) - [github](https://github.com/clovisdasilvaneto/all-animation) - [magic - CSS3动画特效](http://dreamsky.github.io/main/blog/magic-css.html) - [gihub](https://github.com/miniMAC/magic) - [ScrollMe – 在网页中加入各种滚动动画效果](https://github.com/nckprsn/scrollme) - [Loaders.css - css加载动画](http://connoratherton.com/loaders) - [ github](https://github.com/ConnorAtherton/loaders.css) - [css-loaders - 同上](https://github.com/lukehaas/css-loaders) - [Hover.css](http://ianlunn.github.io/Hover/) - [github](https://github.com/IanLunn/Hover) - [Effeckt.css - 手机动画库](https://github.com/h5bp/Effeckt.css) - [NEC动画库](http://nec.netease.com/library/category/animation) - [uilang - a minimal, ui-focused programming language for web designers](http://uilang.com/) - [csshake 带有sass版本](https://github.com/elrumordelaluz/csshake) - [AniJS - 一个基于声明式语法的CSS动画库](https://github.com/anijs/anijs/) - [SpinKit ??](https://github.com/tobiasahlin/SpinKit) - [JX.Animate - 腾讯css3动画库](http://alloyteam.github.io/JXAnimate/) - [github](https://github.com/AlloyTeam/JXAnimate) - [SpinThatShit 酷炫的Loading 动画sass库 https://matejkustec.github.io/SpinThatShit/](https://github.com/MatejKustec/SpinThatShit) - [OBNOXIOUS.CSS 冲击视觉的效果](http://tholman.com/obnoxious/) >17. 本地存储 - [bowl.js 一个轻量级的前端资源缓存加载器](https://github.com/ElemeFE/bowl) - [cross-storage - Cross domain local storage](https://github.com/zendesk/cross-storage) - [pouchdb](https://github.com/pouchdb/pouchdb) - [basil.js 是一个 JavaScript 的数据持久化层库,实现了统一的 LocalStorage、Cookie 和 Session 存储。](https://github.com/Wisembly/basil.js) - [store.js 公开了一个简单的接口来实现跨浏览器的本地存储。](https://github.com/marcuswestin/store.js) - [Bridge, The Local Storage Bridge, 跨tab通讯](https://github.com/krasimir/lsbridge) - [lscache](https://github.com/pamelafox/lscache) - [Lockr 不止存储字符串](https://github.com/tsironis/lockr) >17.1 数据库 - [nedb ](https://github.com/louischatriot/nedb) - [lowdb](https://github.com/typicode/lowdb) - [localForage](https://github.com/localForage/localForage) - [Dexie.js](https://github.com/dfahlander/Dexie.js) - [ZangoDB](https://github.com/erikolson186/zangodb) - [sql.js](https://github.com/sql-js/sql.js/) >18. 模板引擎 - [paperclip.js ie8+](https://github.com/crcn/paperclip.js) - [mustache.js](https://github.com/janl/mustache.js) - [Handlebars.js](http://www.jingwentian.com/t-66) - [artTemplate](https://github.com/aui/artTemplate) - [baiduTemplate](https://github.com/wangxiao/BaiduTemplate) - [JSRender](https://github.com/BorisMoore/jsrender) - [EJS - JavaScript Templates](https://github.com/tj/ejs) - [Juicer - A Light Javascript Templete Engine.](https://github.com/PaulGuo/Juicer) - [Tempo](https://github.com/twigkit/tempo) - [json2html](https://github.com/moappi/json2html) - [CMS.js是基于Jekyll的一个JavaScript网页生成器，使用普通的HTML，CSS和JavaScript的网站快捷的生成网页。](https://github.com/cdmedia/cms.js) >19. 通知组件/弹框组件/模态窗口 - [layer.js - 国产,也是集成很多功能,个人推荐](http://sentsin.com/jquery/layer/) - [AnimatedModal.js - CSS3 全屏模态窗口,支持 Firefox、Chrome、Safari、Opera 和 IE 10+](http://joaopereirawd.github.io/animatedModal.js/) - [alertify.js](https://github.com/fabien-d/alertify.js) - [AlertifyJS](https://github.com/MohammadYounes/AlertifyJS) - [SweetAlert](https://github.com/t4t5/sweetalert) - [Messenger - 非常酷的弹框组件](https://github.com/HubSpot/messenger) - [PNotify](https://github.com/sciactive/pnotify) - [Notify.js - A simple, versatile notification library](https://github.com/jpillora/notifyjs) - [Remodal - 模态窗口插件](https://github.com/VodkaBears/Remodal) - [Popper.js：强大的浮动提示库（pop 即弹出层，popper 即弹出层的内容）](https://github.com/FezVrasta/popper.js) >20. 提示控件(Tooltips) - [qTip2 - Pretty powerful tooltips](https://github.com/qTip2/qTip2) - [tooltip - CSS Tooltips](https://github.com/HubSpot/tooltip) - [tooltipster - A jQuery tooltip plugin](https://github.com/iamceege/tooltipster) - [grumble.js - 气泡形状的提示（Tooltip）控件](https://github.com/jamescryer/grumble.js) - [Ouibounce - 离站提示控件](https://github.com/carlsednaoui/ouibounce) - [SweetAlert – 替代 Alert 的漂亮的提示效果](https://github.com/t4t5/sweetalert) - [SweetAlert2 - 不知道是不是克隆1的自己搞一个分支](https://github.com/limonte/sweetalert2) - [Tippy.js A lightweight, pure JavaScript tooltip library 迷你提示框](https://github.com/atomiks/tippyjs) - [tata.js 一款提示窗口](https://github.com/xrr2016/tata) >21. 对话框/遮罩层/弹出层(lightbox) - [fancyBox - Fancy jQuery lightbox](https://github.com/fancyapps/fancyBox) - [jquery-lightbox - The popular lightbox script, ported to jQuery](https://github.com/krewenki/jquery-lightbox) - [Colorbox - a jQuery lightbox](https://github.com/jackmoore/colorbox) - [artDialog - 经典的网页对话框组件](https://github.com/aui/artDialog) - [DialogEffects](https://github.com/codrops/DialogEffects) - [jQuery blockUI - Page or element overlay](https://github.com/malsup/blockui/) >22. 文档/表格/PDF - [handsontable - 在线可编辑excel表格](https://github.com/handsontable/handsontable) - [jQuery Bootgrid - 用于ajax生成动态表格](https://github.com/rstaib/jquery-bootgrid) - [DataTables - Table plug-in for jQuery](https://github.com/DataTables/DataTables) - [PDF.js - 一个 JavaScript 编写的 PDF 阅读器](https://github.com/mozilla/pdf.js) - [jsPDF - Generate PDF files in JavaScript](https://github.com/MrRio/jsPDF) - [Recline.js - 灵活操作和展示数据](https://github.com/okfn/recline/) - [Dynatable - 交互式表格插件](https://github.com/alfajango/jquery-dynatable) >23. 目录树插件 - [zTree_v3 - jQuery Tree Plugin](https://github.com/zTree/zTree_v3) - [jstree - jQuery Tree Plugin](https://github.com/vakata/jstree) - [fancytree - Tree plugin for jQuery](https://github.com/mar10/fancytree) >24. Ajax模块 - [fetch - A window.fetch JavaScript polyfill](https://github.com/github/fetch) - [reqwest - browser asynchronous http requests](https://github.com/ded/reqwest) - [minAjax.js](https://github.com/argunner/minAjax.js/) >25. 音频/视频 - [A HTML5 video player with a parser that saves traffic 西瓜播放器](https://github.com/bytedance/xgplayer) - [Chimee 组件化H5播放器框架-mp4、m3u8、flv ](http://chimee.org/) - [pizzicato.js](https://github.com/alemangui/pizzicato) - [webaudiox.js](https://github.com/jeromeetienne/webaudiox) - [jWebAudio](http://01org.github.io/jWebAudio/) - [jPlayer - HTML5 Audio & Video for jQuery](https://github.com/happyworm/jPlayer) - [video.js - HTML5 & Flash video player](https://github.com/videojs/video.js) - [Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器](https://github.com/paypal/accessible-html5-video-player) - [Clappr - 开源的Web视频播放器](https://github.com/clappr/clappr) - [Plyr - 简单，灵活的 HTML5 媒体播放器](https://github.com/selz/plyr) - [FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.](https://github.com/davatron5000/FitVids.js) - [BigVideo.js - The jQuery Plugin for Big Background Video](https://github.com/dfcb/BigVideo.js) - [BigScreen - A simple library for using the JavaScript Full Screen API](https://github.com/bdougherty/BigScreen) - [Vide - 视频背景](https://github.com/VodkaBears/Vide) - [winamp2-js](https://github.com/captbaritone/winamp2-js) - [Buzz - A Javascript HTML5 Audio library](https://github.com/jaysalvat/buzz) - [howler.js 是一个新的 JavaScript 库用于处理 Web 的音频，该库最初是为一个 HTML5 游戏引擎所开发，但也可用于其他的 Web 项目。] (https://github.com/goldfire/howler.js) - [Flv.js 实现了 FLV 格式视频的播放](https://github.com/Bilibili/flv.js) - [BIDEO.JS使得添加全屏背景视频更加容易。](https://github.com/rishabhp/bideo.js) - [loud links一个很小的JavaScript库,允许您通过HTML5添加交互式音频元素在网站播放mp3 / ogg文件，目前支持所有浏览器。](https://github.com/mahdif/loud-links/) - [Waud.js – 使用HTML5降级处理的Web音频库](https://github.com/waud/waud) - [Wad](https://github.com/rserota/wad) - [Tone.js](https://tonejs.github.io/) - [PearPlayer.js 一个支持多协议、多源、混合P2P-CDN的流媒体播放器](https://github.com/PearInc/PearPlayer.js) >26. 按钮 - [Buttons - A CSS button library](https://github.com/alexwolfe/Buttons) - [ButtonComponentMorph](https://github.com/codrops/ButtonComponentMorph) - [ProgressButtonStyles](https://github.com/codrops/ProgressButtonStyles) - [CreativeButtons](https://github.com/codrops/CreativeButtons) - [CSS3 buttons](https://github.com/ubuwaits/css3-buttons) - [jquery.onoff - Interactive, accessible toggle switches for the web.](https://github.com/timmywil/jquery.onoff) - [一组不同效果的buttons](https://github.com/ganapativs/bttn.css) >27. 富文本编辑器/Markdown编辑器/Markdown解析器 - [Simditor - 简单快速的富文本编辑器](https://github.com/mycolorway/simditor) - [BachEditor - 一个有情怀的编辑器](https://github.com/Integ/BachEditor) - [Squire – 简洁的 HTML5 富文本编辑器](http://neilj.github.io/Squire/) - [TinyMCE](https://github.com/tinymce/tinymce) - [bootstrap-markdown](https://github.com/toopay/bootstrap-markdown) - [marked - markdown解析器](https://github.com/chjj/marked) - [Markdown Plus](https://github.com/tylingsoft/markdown-plus) - [Editor.md - 开源在线Markdown编辑器](https://github.com/pandao/editor.md) >28. 内容提取(Readability) - [Readability](https://code.google.com/p/arc90labs-readability/) - [json.human.js - Json Formatting for Human Beings](https://github.com/marianoguerra/json.human.js) >29. 颜色(CSS Colors)/SVG - [CSS Colours](http://colours.neilorangepeel.com/) - [SVGeneration](http://www.svgeneration.com/) - [SVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器](https://github.com/dirkgroenen/SVGMagic) - [Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素](https://github.com/briangonzalez/jquery.adaptive-backgrounds.js) >30. 选项卡(Tabs) - [Easy Responsive Tabs to Accordion](https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion) - [Responsive-Tabs](https://github.com/jellekralt/Responsive-Tabs) - [ion.tabs - jQuery tabs plugin](https://github.com/IonDen/ion.tabs) - [jQuery-EasyTabs](https://github.com/JangoSteve/jQuery-EasyTabs) - [以多标签页载入页面的功能插件 bTabs.js](https://github.com/TerryZ/bTabs) >31. 文本处理 - [ZeroClipboard - 文本复制插件](https://github.com/zeroclipboard/zeroclipboard) - [Bigfoot - 点击文章中的脚注弹窗显示](https://github.com/lemonmade/bigfoot) - [Annotator - 文本注解插件，可以包括注释、标签、用户等](https://github.com/openannotation/annotator) - [Succinct - 用作截断多行文本,后面添加省略号](https://github.com/micjamking/Succinct) - [Shave 是一个零依赖、轻量级的 JavaScript 插件，它能截断多行文本.](https://github.com/dollarshaveclub/shave/) - [Flowtype.js - 自动调整字体大小和行号](https://github.com/simplefocus/FlowType.JS) - [flat-shadow](https://github.com/peachananr/flat-shadow) - [FitText - A jQuery plugin for inflating web type](https://github.com/davatron5000/FitText.js) - [Squishy 是一个jQuery插件，它能自动调整文字，准确地对其各容器](http://cmsauve.com/projects/squishy/) - [slabText 一个jQuery插件，用于创建大的，大胆的和敏感的头条新闻。](http://freqdec.github.io/slabText/) - [Textillate 做CSS3文字动画。](http://jschr.github.io/textillate/) - [Bacon 是一个jQuery插件，它允许您环绕贝塞尔曲线文字或线条，它可以让您的文字沿贝塞尔曲线排列。](http://baconforme.com/) - [Circletype.js 是一个很小的（ 2.7kb ）的jQuery插件，可以让你的字体在一个圆圈内显示。](http://circletype.labwire.ca/) - [jQSlickWrap 是一个jQuery插件，让您可以轻松而准确地环绕浮动图像里的内容文字。](http://www.jwf.us/projects/jQSlickWrap/) - [TypeButter 使您能为您的字体设置透明度和字间距。](http://typebutter.com/) >32. 布局(Layout) - 分隔面板(Split Panel) - [jQuery Split Pane plugin](https://github.com/shagstrom/split-pane) - [Split.js (推荐)](https://github.com/nathancahill/Split.js) - [React Split Pane](https://github.com/tomkp/react-split-pane) - [Vue Split Pane](https://github.com/PanJiaChen/vue-split-pane) - [Vue Split Pane](https://github.com/dangvanthanh/vue-split-pane) - [vue-resize-split-pane](https://github.com/raven78/vue-resize-split-pane) - [vue-multipane](https://github.com/yansern/vue-multipane) >33. 实用工具/其他插件 - [jquery-cookie](https://github.com/carhartl/jquery-cookie) - [FastClick - 处理移动端 click 事件 300 毫秒延迟](https://github.com/ftlabs/fastclick) - [Async.js - 异步操作](https://github.com/caolan/async) - [html2canvas - 实现纯JS网页截图](https://github.com/niklasvh/html2canvas) - [jquery.qrcode.js - 生成二维码的 jQuery 插件](https://github.com/jeromeetienne/jquery-qrcode) - [nakedpassword - 用脱衣女帮助检测密码强度](https://github.com/platform45/nakedpassword) - [KityMinder - 脑图编辑工具](https://github.com/fex-team/kityminder) - [MixitUp - 动画过滤和排序](https://github.com/patrickkunka/mixitup) - [JQuery Tip Cards - 创建卡片交互的cards布局](https://github.com/peachananr/tip_cards) - [Fallback.js - JavaScript library for dynamically loading CSS and JS files.](https://github.com/dolox/fallback/) - [swfobject](https://github.com/swfobject/swfobject) >34. sass 库 - [Family.scss - css3选择器简写框架,非常不错](http://lukyvj.github.io/family.scss/) - [SpaceBase – 基于 Sass 的响应式 CSS 框架](http://spacebase.space150.com/) - [github](https://github.com/space150/spaceBase) - [breakpoint-sass 媒体查询库](http://breakpoint-sass.com/) - [@include-media diy媒体查询库](http://include-media.com/) - [sass-mediaqueries 媒体查询库-推荐](https://github.com/paranoida/sass-mediaqueries) - [sass-mq Media Queries with superpowers-em单位媒体查询库](https://github.com/sass-mq/sass-mq) - [sass-svg 一个内联 SVG 的 SASS 库](https://github.com/leeenx/sass-svg) >34.1 分页 - [jqPagination 分页插件](https://github.com/beneverard/jqPagination) >34.2 模拟打字 - [ jQuery.type-typetype 用于textarea文本域](https://github.com/iamdanfox/typetype); - [typing.js 华丽的打字效果JS插件](https://github.com/coffeedeveloper/typing.js) - [superplaceholder.js 利用文本框的 placeholder 属性，以打字形式展示出自定义的文字，可用于提示。](https://github.com/chinchang/superplaceholder.js) - [iTyped.js 实现打字效果](https://github.com/luisvinicius167/ityped) >34.3 字数统计 - [Countable.js：这个脚本可以添加实时段落，文字和字符数到一个html元素](http://radlikewhoa.github.io/Countable) >35. 未知分类 - [使用 tictac.js 实现倒计时](https://github.com/keenwon/tictac) - [一个大小约 2k 的图片高斯模糊库 —— blurify.js](https://github.com/JustClear/blurify) - [Rainyday.js - 实现雨滴效果](http://maroslaw.github.io/rainyday.js/) - [Reveal.JS - 替代PPT,演示文稿。](https://github.com/hakimel/reveal.js/) - [Gif.JS 是一个能运行在你的浏览器中的JavaScript GIF编码器。](http://jnordberg.github.io/gif.js/) - [Sir Trevor是一个会完全重绘网页内容的工具：直观的编辑网页内容而不用假定任何关于它是如何重绘的事。](http://madebymany.github.io/sir-trevor-js/) - [feature.js 检测浏览器是否支持某属性](http://featurejs.com/) - [a browser detector 检测浏览器类型,包括手机](https://github.com/ded/bowser) - [Mock.js 生成随机数据,拦截ajax](http://mockjs.com/) - [BookBlock 翻书特效](http://tympanus.net/Development/BookPreview/) - [github](https://github.com/codrops/BookBlock) - [intro.js 引导用户页面](https://github.com/usablica/intro.js) - [CSS滤镜 CSSgram](http://una.im/CSSgram/) - [Transformicons - CSS/SVG 元素模拟 图标/符号动画-过渡](http://www.transformicons.com/) - [CSS 滤镜在线调试](http://ilyashubin.github.io/FilterBlend/) - [glfx.js canvas图片处理滤镜](https://github.com/evanw/glfx.js) - [Crayon.css CSS颜色变量名与16进制对应列表。](http://riccardoscalco.github.io/crayon/) - [SVG圆形菜单生成器](http://sarasoueidan.com/tools/circulus/) - [优化和配置SVGO的WEB应用](https://jakearchibald.github.io/svgomg/) - [CSS单位对比视图](http://katydecorah.com/css-ruler/) - [使用GUI快速创建SVG path](http://anthonydugois.com/svg-path-builder/) - [把CSS代码转成SASS的应用](http://css2sass.herokuapp.com/) - [resizr 测试 CSS media queries 的轻量级应用-需要线上地址,没有线上地址,可以搞个coding-git](http://resizr.co/) - [在线ppt](http://yanshuo.io/) - [flash文件转 canvas - Flash2x Tool](http://web.flash2x.org/) http://www.annie2x.com/docs/ - [testcafe 浏览器测试工具-类似(测试单元工具)](https://github.com/DevExpress/testcafe) - [Fuse.js 关键字-模糊查询](https://github.com/krisk/fuse) - [Navigo 一个简单的简单的JavaScript路由，兼容老版本浏览器。](https://github.com/krasimir/navigo) - [Wysiwyg.css 使用漂亮的主题从HTML或Markdown生成文档](http://jgthms.com/wysiwyg.css/) - [sphinx.js 一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库](https://github.com/jrainlau/sphinx) - [Wenk 是一个轻量级纯 CSS 写的文本工具提示库。](https://tiaanduplessis.github.io/wenk/) - [CurrencyFormatter.js 是一款简单实用的纯 JS 格式化货币库。它支持 155 种不同国家的货币格式，以及超过 700 种不同语言的本地化设置。](https://github.com/osrec/currencyFormatter.js/) - [Numeral.js – 格式化和操作数字的 JavaScript 库](https://github.com/adamwdraper/Numeral-js) - [CCapture.js 可以使用固定的帧率实现对网页中 Canvas 的动画进行捕获，录制成视频。CCapture.js 依赖于 Whammy.js 和 gif.js。](https://github.com/spite/ccapture.js) - [Base64.js](https://github.com/davidchambers/Base64.js) - [Turntable.js 一款响应式 jQuery 滑块插件，可以创建一个类似3D图像旋转展示的效果。](https://github.com/PolarNotion/turntable) - [css3d-engine 全景漫游VR](https://github.com/yyman001/css3d-engine) - [Pressure是一个允许您通过一个API在Safari浏览器上同时使用Force Touch and 3D Touch的JavaScript库](https://github.com/stuyam/pressure) - [苹果手机 视频内联播放 iphone-inline-video] (https://github.com/bfred-it/iphone-inline-video) - [Immutable.js – JavaScript 不可变数据集合,函数式编程库（Facebook出品）](https://github.com/facebook/immutable-js) [用处?](https://www.zhihu.com/question/28016223) - [Fort.js – 时尚、现代的表单填写进度提示效果](https://github.com/idriskhenchil/Fort.js) - [MagicSuggest – Bootstrap 主题的多选组合框](https://github.com/nicolasbize/magicsuggest) - [Draggabilly – 轻松实现拖放功能（Drag & Drop）](https://github.com/desandro/draggabilly) - [scrollReveal.js – 使元素以非常酷帅的方式进入画布 (Viewpoint)](https://github.com/jlmakes/scrollreveal) - [share.js 一键分享](https://github.com/overtrue/share.js) - [Anchorme 是一个强大的 JavaScript 库，它可以接收任何字符串或文本文件，并检测其中的所有 URL 地址](https://github.com/alexcorvi/anchorme.js/) - [500 个科幻主题的免费矢量图标网站](http://nagoshiashumari.github.io/Rpg-Awesome/) - [图片文字转真实文字](https://github.com/netpi/baidu-ocr-api) - [WOWSlider css3幻灯片-软件生成](http://wowslider.com/ch/) - [marky.js 性能分析](https://github.com/nolanlawson/marky) - [opentype.js](https://opentype.js.org/) web字体设计? - [gka 是一款简单的、高效的帧动画生成工具，图片处理工具,快速制作高性能帧动画解决方案](https://github.com/gkajs/gka) - [Valine 留言板系统](https://github.com/xCss/Valine) - [easyXDM.js 完美解决前端跨域](https://github.com/oyvindkinsey/easyXDM) - [Emergence.js 是一个轻量级，高性能的 JS 插件，用于检测和操作浏览器中的元素。](https://github.com/xtianmiller/emergence.js) - [FECS 基于 Node.js 的前端代码检查工具](http://fecs.baidu.com/) - [一个绘制制svg图标的集合for react](https://dmfrancisco.github.io/react-icons/) - [accounting.js 数字格式化](https://github.com/openexchangerates/accounting.js) - [加载动画库 loading.io](https://loading.io/) - [A JavaScript NES emulator/NES 模拟器](https://github.com/bfirsh/jsnes) - [proton-native - A React environment for cross platform native desktop apps](https://github.com/kusti8/proton-native) - [FRANXX(js路由) - A vanilla JavaScript router that works everywhere](https://github.com/egoist/franxx) - [driver.js 引导用户页面操作](https://github.com/kamranahmedse/driver.js) - [gitmoji - An emoji guide for your commit messages](https://github.com/carloscuesta/gitmoji/) - [pico.js: a face-detection library in 200 lines of JavaScript- 人脸识别](https://github.com/tehnokv/picojs) - [Dinero.js 货币计算](https://github.com/dinerojs/dinero.js) - [js混淆](https://github.com/javascript-obfuscator/javascript-obfuscator) >36. Canvas库 - [jCanvas - 语法简单实现canvas的js 库](https://github.com/caleb531/jcanvas) - [create.js ](http://www.createjs.cc/) - [Canvas Gauges 是一个利用纯 JavaScript 和 HTML5 Canvas（画布）打造的可完全自定义的仪表，你可以用它来创建诸如机动车速度表、温度计等类型的测量设备。](https://github.com/Mikhus/canvas-gauges) - [APNG to Canvas 支持apng图片](https://github.com/davidmz/apng-canvas) - [particles.js 背景的粒子动画生成库](https://github.com/VincentGarreau/particles.js) - [Fabric.js 是一个简单而强大的 JavaScript Canvas 库](https://github.com/kangax/fabric.js) - [腾讯 AlloyTeam 正式发布 Canvas 魔幻线条 - curve.js](https://github.com/AlloyTeam/curvejs) - [Fanvas 一键把swf转为html5 canvas动画](https://github.com/TencentOpen/Fanvas/) - [inMap 是 一款基于 canvas 的大数据可视化库](https://github.com/TalkingData/inmap) - [Rough.js 手绘风格](https://github.com/pshihn/rough) - [merge-images - canvas简单图片合成 ](https://github.com/lukechilds/merge-images) --- ### webpack 插件 - [jarvis - A very intelligent browser based Webpack dashboard/美化监听错误图界面](https://github.com/zouhir/jarvis) - [friendly-errors-webpack-plugin/友善的错误提示界面](https://github.com/geowarin/friendly-errors-webpack-plugin) #### 其他 - [README文件语法解读](https://github.com/guodongxiaren/README) #### 前端参考集 - [Codrops - Useful resources](https://github.com/codrops) - [Front-end Code Standards & Best Practices](http://isobar-idev.github.io/code-standards/) - [frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks) - [Clusterize.js 可以优化你的大型数据表格的性能](http://nexts.github.io/Clusterize.js/) 还有一大波干货待整理... ---- 欢迎分享你的好东西给我[@黑色技术](http://weibo.com/yyman001) 发布时间:2015-04-17 [1]: http://zui.sexy/ [2]: http://git.oschina.net/X5OK/WeX5 [3]: http://git.oschina.net/xknaan/B-JUI