资源持续更新中。..动画库1.Animate.css说明：一个简单易用的跨浏览器CSS动画库。GitHub主页：https://github.com/daneden/an...2.CSSShake说明：利用CSS实现DOM各种颤抖动画效果！GitHub主页：https://github.com/elrumordel...3.Hover.css描述：快速将鼠标悬停效果应用到您的网页元素或创意设计中。GitHub主页：https://github.com/IanLunn/Hover4.Velocity.js说明：帮你加速JavaScript动画。GitHub主页：https://github.com/julianshap...5.DynCSS说明：使用动态CSS构建您的网页。GitHub主页：https://github.com/vzaccaria/...6.MagicAnimations说明：可以制作CSS3动画效果。GitHub主页：https://github.com/miniMAC/magic7.Bounce.js说明：即时创建漂亮的CSS3动画。GitHub主页：https://github.com/tictail/bo...前端框架和类库1.lodash.js介绍：具有接口一致、模块化、高性能等特点的JavaScript工具库GitHub主页：https：//github.com/lodash/lod...2.Underscore.js简介：JavaScript工具库，提供了一套函数式编程的实用函数，但不扩展任何JavaScript内置对象。他解决了这个问题：“如果我面对一个空白的HTML页面并想立即开始工作，我需要什么？”他填补了jQuery所没有的，并且是Backbone的重要组成部分。3.AngularJS简介：AngularJS旨在克服HTML在构建应用程序中的缺点。HTML是一种出色的声明性语言，专为静态文本呈现而设计，但它在构建Web应用程序方面表现不佳。GitHub主页：https://github.com/angular/an...4.React简介：React是一个用于构建用户界面的JAVASCRIPT库。主要用于构建UI，许多人认为React是MVC中的V（视图）。GitHub主页：https://github.com/facebook/r...5.Vue.js简介：Vue.js是一个用于构建用户界面的轻量级渐进式框架。它提供了一个类似React的虚拟DOM驱动的视图层，可以与其他库集成以构建强大的单页应用程序。该框架由之前在AngularJS工作的EvanYou创建，他提取了AngularJS中他最喜欢的部分。Vue.js使用HTML模板语法将DOM绑定到实例数据。模型是一个纯JavaScript对象，它在数据更改时更新视图。GitHub主页：https://github.com/vuejs/vue官方地址：https://cn.vuejs.org/6.Backbone.js简介：Backbone.js是最早在服务端提供通用MVC结构的客户端-sideframework终端选项之一。它唯一的依赖是Underscore.js。Backbone.js声称是一个库，因为它可以与其他项目集成，但我认为大多数开发人员将其视为一个框架。GitHub主页：https://github.com/jashkenas/...7、Ember.js简介：Ember.js是基于Model-View-ViewModel（MVVM）模式的框架之一。它在单个包中实现了模板、数据绑定和类库。GitHub主页：https://github.com/emberjs/em...前端工具1.Gulp.js介绍：虽然Gulp不是第一个任务执行工具，但它很快成为最流行的。Gulp使用易于阅读的JavaScript代码，将源文件加载到流中，并在将数据输出到构建文件夹之前通过各种插件管理数据。在任何其他选项之前检查Gulp.js既简单、快速又有趣。GitHub主页：https://github.com/gulpjs/gulp2.NPM介绍：npm是一个Node.js包管理器，但是它的脚本工具可以用来运行常见的任务。对于依赖关系很少的简单项目来说，这是一个不错的选择。但是，更复杂的任务可能变得不太适用。GitHub主页：https://github.com/npm/npm3。Grunt简介：Grunt是最早被大规模采用的JavaScript任务执行工具之一，但它的速度和复杂的JSON配置导致了Gulp的兴起。现在这些问题已经解决，Grunt仍然是一个受欢迎的选择。GitHub主页：https://github.com/gruntjs/grunt4。WebPack介绍：Webpack支持所有流行的模块选项，已经成为React开发的代名词。虽然Webpack声称是一个模块打包器，但它已经可以用作通用任务运行器。GitHub主页：https://github.com/webpack/we...5.Browserify简介：Browserify支持Node.js正在使用的CommonJS模块，并将所有模块编译成一个浏览器兼容的文件。GitHub主页：https://github.com/substack/n...6、RequireJS简介：RequireJS是浏览器中的模块加载器，在Node.js中也可以使用。GitHub主页：https://github.com/jrburke/r.js7。ESLint简介：ESLint是一个可插拔的代码分析工具。每个规则都是一个插件，因此可以根据个人喜好进行配置。GitHub主页：https://github.com/eslint/eslint8。JSHint介绍：JSHint是一个灵活的JavaScript代码分析工具，可以很好地平衡真实错误和旧语法。GitHub主页：https://github.com/jshint/jshint9。JSLint简介：JSLint是最早的代码分析工具之一，它实现了一套严格的默认规则。GitHub主页：https://github.com/reid/node-...10.Jasmine介绍：Jasmine是一个行为驱动的测试工具，可以在浏览器中自动测试UI和交互。GitHub主页：https://github.com/jasmine/ja...11.QUnit简介：QUnit是一个单元测试框架，可以在输入特定参数时检查功能结果。它还报告测试结果以确保没有遗漏任何特定的代码分支。GitHub主页：https://github.com/kof/node-q...CSS框架1.Bootstrap——最流行的Web前端UI框架Bootstrap是twitter推出的一个Web前端UI框架，专为由Twitter设计师Mark与JacobThornton合作开发，Otto是一个CSS/HTML框架。它使用最新的浏览器技术，Bootstrap提供时尚的排版样式、表单、按钮、表格、网格系统等等。官网：http://getbootstrap.com/2.jQueryUIBootstrap是jQueryUI和Bootstrap的整合。它是Bootstrap风格的，所以看起来更漂亮。同时具有jQueryUI的控件功能，也方便开发者快速创建网页控件。3.BootMetro——Metro风格的CSS框架BootMetro是一个基于Bootstrap的前端UI框架。BootMetro的特点是可以轻松搭建类似Windows8扁平化风格的网页界面，效果非常好。官网：http://aozora.github.io/bootm...4.FlatUI-FlatUIToolkitFlatUI是一套精美的扁平化UI工具包，基于TwitterBootstrap。这套界面工具包含许多基本和复杂的UI组件，例如按钮、输入框、组合按钮、复选框、单选按钮、标签、菜单、进度条和滑块、导航元素等等。官网：https://github.com/designmodo...5.网易CSS框架NECNEC是网易推出的开源CSS前端框架。NEC提供了丰富的UI代码库和插件，可以极大的帮助开发者提高开发效率。即使您不是前端专业开发人员，您也可以使用NEC快速构建自己的Web应用程序。官网：http://nec.netease.com/6.AlloyUI——一个强大的CSSUI框架AlloyUI是一个基于YUI3的前端UI框架，包含丰富的（60多个）UI组件，例如图像库、对话框、树结构、面板、自动完成、按钮、日历控件、工具栏等。官方网站：http://alloyui.com/7.Cardinal——用于移动设备的CSSUI框架Cardinal是一个小型的移动优先CSS框架，它提供了许多有用的默认样式、可扩展的排版、可重用的模块和一个简单的响应表单系统。官网：http://cardinalcss.com/8。CSScaffold是一个用于快速开发CSS的框架，它不同于许多CSS框架。太棒了，非常方便，写CSS又快又容易！官网：http://www.w3avenue.com/2009/...9.后台UI开发框架MuseUI是一款基于bootstrap风格，兼容主流浏览器（包括IE6）的后台UI开发组件。官网：http://git.oschina.net/muse/m...前端教程1.D3.js入门教程2.ECMAScript6入门教程--阮一峰3.React入门教程4.TypeScript入门教程5.Velocity.js中文文档6.Webpack2.2中文文档7.七天学NodeJS8.廖雪峰-Git教程9.廖雪峰-Javascript教程前端常用插件1.jQuery内容滚动插件-BoxSlider2.jQueryartDialog对话框插件3.移动端日期选择组件4.图片延迟加载库Echo.js5.轮播图FlexSlider插件6.Slick.js幻灯片使用方法7.JavaScript响应式轮播图插件–Flickity8.Intro.js分步向导插件使用方法9.ScrollReveal-elementjs插件，生成页面滚动动画10.jQuery图片Lightbox插件，支持移动触摸11.OwlCarousel幻灯片插件12.kissui.scrollanim页面滚动动画库插件13.jQuerycxSelect联动下拉菜单14.jQuerycxCalendar日期选择器15.jQueryTransit转场效果插件16.lightslider-轻量级jQuery幻灯片插件，支持移动端触摸17.WOW.js滚动页面生成动画18.FullPage.js全屏插件19.animate.css动画库手册1.jQueryAPI中文文档http://www.jquery123.com/2.seajs手册http://cyj.me/why-seajs/zh3.vueapihttps://cn.vuejs.org/v2/api/4.bootstrap4手册http://www.jqhtml.com/bootstr...5.CSS语法参考https://tympanus.net/codrops/...6.Mozillajs参考https://developer.mozilla.org...参考：www.cnblogs.com/powertoolsteam/p/front_end_framework_2017.htmlhttp://www.codeceo.com/文章...
