前端必备资本大整顿

2024年4月1日 251次阅读来源: jllllyuz

资本不断更新中。。。

动画库
1.Animate.css
申明：一个简朴易用的跨浏览器CSS动画库。
GitHub主页： https://github.com/daneden/an…

2.CSShake
申明：用CSS完成种种颠颤动画效果DOM！
GitHub主页： https://github.com/elrumordel…

3.Hover.css
申明：将鼠标Hover效果疾速运用在你的网页元素或创意设想上。
GitHub主页：https://github.com/IanLunn/Hover

4.Velocity.js
申明：帮你加快JavaScript动画。
GitHub主页：https://github.com/julianshap…

5.DynCSS
申明：用动态CSS来打造你的网页。
GitHub主页：https://github.com/vzaccaria/…

6.Magic Animations
申明：可制造CSS3动画殊效。
GitHub主页：https://github.com/miniMAC/magic

7.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事情过的Evan You建立的，他提取了AngularJS中本身喜欢的部份。

Vue.js运用HTML模板语法将DOM绑定到实例数据。Model是在数据转变时更新view的纯JavaScript对象。
GitHub主页：https://github.com/vuejs/vue
官方地点：https://cn.vuejs.org/

6.Backbone.js
简介：Backbone.js是供应服务器端框架中常见的MVC构造的最早客户端选项之一。它唯一的依托是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/gulp

2.NPM
简介：npm是Node.js包治理器，但其剧本东西可用于运转通用使命。关于具有少许依托关联的简朴项目来讲，这是一个很好的挑选。但是，更庞杂的使命可能会变得不太实用。
GitHub主页：https://github.com/npm/npm

3.Grunt
简介：Grunt是第一批被大规模采纳的JavaScript使命实行东西之一，但其速率和庞杂的JSON设置却致使了Gulp的鼓起。如今这些题目已获得了处理，Grunt仍然是一个受迎接的挑选。
GitHub主页：https://github.com/gruntjs/grunt

4.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.js

7.ESLint
简介：ESLint是一种可插拔的代码剖析东西。每一个划定规矩都是一个插件，因而能够依据个人喜欢举行设置。
GitHub主页：https://github.com/eslint/eslint

8.JSHint
简介：JSHint是一个天真的JavaScript代码剖析东西，它很好的均衡了真正的毛病和老旧的语法。
GitHub主页：https://github.com/jshint/jshint

9.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 Otto和Jacob Thornton合作开辟,是一个CSS/HTML框架。它运用了最新的浏览器手艺，Bootstrap供应了时髦的排版款式，表单，buttons，表格，网格体系等等。
官方网站：http://getbootstrap.com/

2.jQuery UI Bootstrap
它是jQuery UI和Bootstrap的集成，它是Bootstrap款式的，因而表面比较美丽，同时它具有jQuery UI的控件功用，这也轻易开辟者疾速地建立一个网页控件。

3.BootMetro – Metro作风的CSS框架
BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特点是能够很轻易地构建相似Windonws 8扁平化作风的网页界面，效果异常不错。
官方网站：http://aozora.github.io/bootm…

4.Flat UI – 扁平作风 UI 东西包
Flat UI是一套优美的扁平作风 UI 东西包，基于 Twitter Bootstrap 完成。这套界面东西包含许多基础的和庞杂的 UI 部件，比方按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。
官方网站：https://github.com/designmodo…

5.网易CSS框架 NEC
NEC是网易推出的开源前端CSS框架，NEC供应了雄厚UI代码库和插件，能够极大的协助开辟人员进步开辟效力。纵然你并不是前端专业开辟人员，应用NEC你也能够疾速地构建属于本身的网页运用。
官方网站：http://nec.netease.com/

6.Alloy UI – 功用壮大的CSS UI框架
Alloy UI是基于YUI 3的前段UI框架，包含一套雄厚的（凌驾60）UI 部件，如图片库，对话框，树形构造，面板，自动完成，按钮，日历控件，东西条等。
官方网站：http://alloyui.com/

7.Cardinal – 挪动端的CSS UI框架
Cardinal 是一个小型的挪动优先的 CSS 框架，供应许多有效的默许款式、可缩放排版、可重用模块和一个简朴的相应式表格体系。
官方网站：http://cardinalcss.com/

8.疾速开辟CSS的框架 CSScaffold
不同于许多CSS框架，它必需依托PHP与Apache的mod_rewrite来实行，但也由于须要这两种东西，让CSScaffold变得很奇异、很轻易，写起CSS来又快又轻松！
官方网站：http://www.w3avenue.com/2009/…

9.背景UI开辟框架 MuseUI
一款基于bootstrap作风，兼容于主流浏览器（包含IE6）的后端UI开辟组件。
官方网站：http://git.oschina.net/muse/m…

前端教程
1.D3.js 入门教程

2.ECMAScript 6 入门 –阮一峰