前端资源大整理

author author     2022-09-08     678

关键词:

资源不断更新中。。。

动画库
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框架 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/10/13/csscaffold-php-based-css-framework/

9.后台UI开发框架 MuseUI
一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。
官方网站:http://git.oschina.net/muse/museui

 

手册大全
1.jQuery API 中文文档
http://www.jquery123.com/

2.seajs手册
http://cyj.me/why-seajs/zh

3.vue api
https://cn.vuejs.org/v2/api/

4.bootstrap4手册
http://www.jqhtml.com/bootstraps-syntaxhigh/index.html

5.CSS 语法参考
https://tympanus.net/codrops/css_reference/

6.mozilla js参考
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript


参考:www.cnblogs.com/powertoolsteam/p/front_end_framework_2017.html
http://www.codeceo.com/article/top-10-css-ui-framework.html

 

前端资源整理

下面的项目都列出了github的星数和npmjs上最近一个月的下载数例如github106.5k/starsnpmjs93.3k/lm指有10万6千个github星,上个月在npmjs有9万3千次下载。每个项目都给出了官网地址,github地址,npmjs地址。注:在一个自分类里按stars数量排... 查看详情

知识资源整理

...获得知识的途径,供自己以后参考,相信对别人也有用。前端资讯以后补上其它资源以后补上react学习以后补上前端工具以后补上 查看详情

前端—urluriurn概念和区别整理,以及url语法规则

URL(UniformResourceLocator),统一资源定位符。表示了互联网上资源的位置,同时也可选择性携带资源的访问方法。但是不确定该位置是否有相应的资源,若资源位置做过变动,之前的URL将无法访问到该资源。一般由三部分组成(... 查看详情

最近整理出了有关大数据,微服务,分布式,java,python,web前端,产品运营,交互等1.7g的学习资料,有视频教程,源码,课件,工具,面试题等等。这里将珍藏多年的资源免费分享给各位小伙伴们

大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互领取方式在篇尾!!! 基础篇、互联网架构,高级程序员必备视频,Linux系统、JVM、大型分布式电商项目实战视频......等等   最近闲着没事,整理了... 查看详情

吐血整理的大数据学习资源大全

...大学慕课https://www.icourse163.org/B站https://www.bilibili.com/学习资源非常多,内容系统且全面,重点关注一些专业培训机构上传的学习视频Statistahttps://www.statista.com/CEICht 查看详情

前端开发资源(转)

  分3个部分:1)想开发项目,哪里找教程?2)关于前端的有趣网站;3)分享一些合集资源;一、前端项目哪里找?前端的入门教程网上很多,只要你搜索呼啦啦就出来了,因此啊,就不整理了。主要整理一下,哪里可以找... 查看详情

大前端学习笔记整理http协议以及http与https的区别

...算不上...更不提http与https的区别...想想作为一个未来的大前端工程师,岂能不去研究这些东西?好吧,废话就到这里...正文开始 什么是HTT 查看详情

网站前端常用插件整理

数据网格datatablesjqgrid后台大框架ext,easyui工作流插件gooflow统计图表百度EChartsheightchartd3.js文件上传百度WebUploader编辑器百度UEditor——富文本编辑器Bootstrap-Markdown——Markdown文本编辑器CodeMirror——代码编辑器日 查看详情

前端内容整理(代码片段)

正文前:前端是和用户直接交互的界面的称呼。web是基于B/S,本质上是基于C/S。为什么用一个浏览器,可以访问百度,访问博客园....等等服务器?因为都遵循着HTTP协议HTTP协议?HTTP协议全称叫超文本传输协议。规定了浏览器与服... 查看详情

前端面试题整理—http篇

1、常见的HTTP方法有哪些?GET:用于请求访问已经被URI(统一资源标识符)识别的资源,可以通过URL传参给服务器POST:用于传输信息给服务器,主要功能与GET方法类似,但一般推荐使用POST方式。PUT:传输文件,报文主体中包含... 查看详情

前端学习路线

前端很火,想学习前端的人也多。作为过来人,知道自学的辛苦。所以制作这份学习路线图的初心,就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。在为时将近两个月的整理之后,就有了这份全面的前端学... 查看详情

前端面试题整理

...务器,通过服务器来发送请求,然后将请求的结果传递给前端。实现方法:通过nginx代理;注意点:1、如果你代理的是https协议的请求,那么你的proxy首先需要信任该证书(尤其是自定义证书)或者忽略证书检查,否则你的请求... 查看详情

前端之html知识点整理

 htypertextmarkuplanguage 即超文本标记语言  超文本:就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。  标记语言:标记(标签)构成的语言.    网页==HTML文档,由浏览器解析,用来展示的  静态网... 查看详情

大前端领域middleware有几种实现方式

...用软件借助这种软件在不同的技术之间共享资源。而在大前端领域,Middleware的含义则简单得多,一般指提供通用独立功能的数据处理函数。典型的Middleware包括日志记录、数据叠加和错误处理等。本文将横向对比大前端领域内各... 查看详情

tb级(小白到大牛之路)技术视频资源福利大放送

因此民工哥连夜整理了相关的资源放出,相关详情请点击下面的链接查看TB级(小白到大牛之路)技术视频资源福利大放送更多内容请关注民工哥公众号 查看详情

前端语法整理(代码片段)

前言很久都没有更新随笔了,一方面这段时间自己确实有所懈怠,另一方面确实最近工作中的事情多而杂,没有好好沉下来专注一方面的成长。其实这段时间,也并不是毫无所获,还是发表了一些比较系统的文章(比如“大数据... 查看详情

spring事务相关点整理

...关系型数据库、某些消息队列等产品或中间件称为事务性资源,因为它们本身支持事务,也能够处理事务。Spring很显然不是事务性资源,但是它可以管理事务性资源,所以Spring和事务之间是管理关系。就像起码很多领导虽然不会... 查看详情

一名深漂程序员:我所整理和收集的前端面试题

经典面试题合集(绝大多数都是超高频面试题)从浏览器地址栏输入url到显示页面的步骤(这是详细版本)在浏览器地址栏输入URL浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资... 查看详情