前端资源大整理-阿里云开发者社区

开发者社区> 哈你真皮> 正文

前端资源大整理

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/78839749 资源不断更新中。
+关注继续查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/78839749

资源不断更新中。。。

动画库

1.Animate.css

说明:一个简单易用的跨浏览器CSS动画库。

GitHub主页: https://github.com/daneden/animate.css

2.CSShake

说明:用CSS实现各种颠颤动画效果DOM!

GitHub主页: https://github.com/elrumordelaluz/csshake

3.Hover.css

说明:将鼠标Hover效果快速应用在你的网页元素或创意设计上。

GitHub主页:https://github.com/IanLunn/Hover

4.Velocity.js

说明:帮你加速JavaScript动画。

GitHub主页:https://github.com/julianshapiro/velocity

5.DynCSS

说明:用动态CSS来打造你的网页。

GitHub主页:https://github.com/vzaccaria/DynCSS

6.Magic Animations

说明:可创造CSS3动画特效。

GitHub主页:https://github.com/miniMAC/magic

7.Bounce.js

说明:即时创造漂亮的CSS3动画。

GitHub主页: https://github.com/tictail/bounce.js


前端框架和类库

1.lodash.js

简介:具有一致接口、模块化、高性能等特性的 JavaScript 工具库

GitHub主页:https://github.com/lodash/lodash/

2.Underscore.js

简介:JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。 他解决了这个问题:“如果我面对一个空白的 HTML 页面,并希望立即开始工作,我需要什么?” 他弥补了 jQuery 没有实现的功能,同时又是 Backbone 必不可少的部分。

3.AngularJS

简介:AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。

GitHub主页:https://github.com/angular/angular.js

4.React

简介:React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

GitHub主页:https://github.com/facebook/react

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/backbone/

7.Ember.js

简介:Ember.js是基于Model-View-ViewModel(MVVM)模式的框架之一。它在单个包中实现模板化、数据绑定和类库。

GitHub主页:https://github.com/emberjs/ember.js


前端工具

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/webpack

5.Browserify

简介:Browserify支持Node.js正在使用的CommonJS模块,它将所有模块编译成单个浏览器兼容的文件。

GitHub主页:https://github.com/substack/node-browserify

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-jslint

10.Jasmine

简介:Jasmine是一个行为驱动的测试工具,可以在浏览器中自动测试UI和交互。

GitHub主页:https://github.com/jasmine/jasmine-npm

11.QUnit

简介:QUnit是一个单元测试框架,可以在输入特定参数时,检查函数结果。它还上报测试结果,确保没有错过特定的代码分支。

GitHub主页:https://github.com/kof/node-qunit


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/bootmetro/

4.Flat UI - 扁平风格 UI 工具包

Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。

官方网站:https://github.com/designmodo/Flat-UI

5.网易CSS框架 

NECNEC是网易推出的开源前端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/10/13/csscaffold-php-based-css-framework/

9.后台UI开发框架

MuseUI一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

官方网站:http://git.oschina.net/muse/museui


前端教程

1.D3.js 入门教程

教程地址

2.ECMAScript 6 入门 --阮一峰

教程地址

3.React入门教程

教程地址

4.TypeScript入门教程

教程地址

5.Velocity.js中文文档

教程地址

6.Webpack 2.2 中文文档

教程地址

7.七天学会NodeJS

教程地址

8.廖雪峰-Git教程

教程地址

9.廖雪峰-javascript教程

教程地址


前端常用插件

1.jQuery内容滚动插件-BoxSlider

插件地址

2.jQuery artDialog对话框插件

插件地址

3.移动端日期选择组件

插件地址

4.图像延迟加载库Echo.js

插件地址

5.轮播图FlexSlider插件

插件地址

6.Slick.js幻灯片使用方法

插件地址

7.JavaScript响应式轮播图插件–Flickity

插件地址

8.Intro.js 分步向导插件使用方法

插件地址

9.ScrollReveal-元素随页面滚动产生动画的js插件

插件地址

10.支持移动触摸的jQuery图片Lightbox插件

插件地址

11.Owl Carousel幻灯片插件

插件地址

12.kissui.scrollanim页面滚动动画库插件

插件地址

13.jQuery cxSelect 联动下拉菜单

插件地址

14.jQuery cxCalendar 日期选择器

插件地址

15.jQuery Transit 过渡效果插件

插件地址

16.lightslider-支持移动触摸的轻量级jQuery幻灯片插件

插件地址

17.WOW.js滚动页面产生动画

插件地址

18.FullPage.js全屏插件

插件地址

19.animate.css动画库

插件地址

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
大前端2020年前瞻:有哪些你不能错过的技术趋势?
“学不动”的大前端,在 2020 年有哪些你不能错过的技术趋势?又有哪些你将面临的挑战?
2220 0
整理一些前端开发比较好的node包
1.一个base64转换的包 !https://www.npmjs.com/package/js-base64 2 js 压缩 !https://www.npmjs.com/package/uglifyjs 3.
803 0
[前端优化]使用Microsoft Ajax Minifier对资源文件进行压缩优化
在前端优化中,js、css等文件的优化一般都是压缩的优化,进行合并、减小体积以达到减小请求的目的。 今天发现了一个集成在VS中的压缩插件,使得压缩变得比较快捷。 配置方法 首先需要去下载Microsoft Ajax Minifier,一路安装就可以,如果VS正在使用,需要重启。
792 0
一步一步搭建前端监控系统:如何监控资源加载错误?
摘要: 资源加载失败会破坏产品功能以及用户体验.... 作者:一步一个脚印一个坑 原文:搭建前端监控系统(三)静态资源加载监控篇 Fundebug经授权转载,版权归原作者所有。 一步一步搭建前端监控系统系列博客: 一步一步搭建前端监控系统:JS错误监控篇 一步一步搭建前端监控系统:如何将网页截图上报? 一步一步搭建前端监控系统:接口请求异常监控篇 一步一步搭建前端监控系统:如何定位前端线上问题? 一步一步搭建前端监控系统:如何记录用户行为? 一步一步搭建前端监控系统:如何监控资源加载错误? 怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。
1180 0
4982亿背后的前端技术—2020天猫双11前端体系大揭秘
与大家分享淘系前端在今年双11的思考和沉淀,希望对大家有所助益。
1172 0
WPF整理-跨程序集访问资源
原文:WPF整理-跨程序集访问资源 “Sometimes binary resources are defined in one assembly (typically a class library), but areneeded in another assembly (another class library or an executable).
713 0
【我的Android进阶之旅】Android 混淆文件资源分类整理
之前将所有的混淆都配置在一个 proguard-rules.pro 这个Android Studio新建项目时自动生成的文件里面,而随着项目功能迭代越来越多,代码量越来越多,引用的第二方库、第三方库都越来越多,导致proguard-rules.pro 越来越臃肿,而且随着开发人员增多导致proguard-rules.pro 文件里面的配置越来越混乱。
3097 0
构建前端安全生产体系,给前端同学「稳稳」的幸福
“前端安全⽣产”专注于前端研发全链路的⾼质量交付,在前端应⽤开发、发布、线上运⾏三个关键阶段,通过⼀系列的⾃动化流程机制,控制前端代码⻛险,保障线上业务运⾏稳定,⽤机制保护⼈,不给前端同学引发线上故障的犯错机会,最终规避损失或者降低损失。
1160 0
【干货】国外程序员整理的 C++ 资源大全
 关于 C++ 框架、库和资源的一些汇总列表,由 fffaraz发起和维护。 内容包括:标准库、Web应用框架、人工智能、数据库、图片处理、机器学习、日志、代码分析等。 标准库 C++ Standard Library:是一系列类和函数的集合,使用核心语言编写,也是C++ISO自身标准的一部分。 Standard Template Library:标准模板库
2704 0
+关注
355
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载