>

乐百家前段:前端能源集中[转发]

- 编辑:乐百家599手机首页 -

乐百家前段:前端能源集中[转发]

gridstack

  • 版本:0.2.5
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="gridstack"
  • 意义:部件布局

html5shiv

  • 版本:3.7.3
  • 官网:
  • 许可:MIT/GPL2
  • 依赖:无
  • DataAPI:无
  • 功能:让IE玖以下的浏览器能识别HTML八分之四分

css3特效

  • singlediv:仅用2个div就画出Logo

  • icono:壹款用纯 CSS3达成的Logo库

  • css3lib:CSS三 UI 库,Tencent集团产品,五种css3特效库

  • 最强九种css3圆形按键hover鼠标经过动画效果

  • 两种按键悬停效能

jquery-asHoverScroll

  • 版本:0.2.3
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:无
  • 效果:鼠标移入容器成分时滚动

matchHeight

  • 版本:0.7.0
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="matchHeight"
  • 意义:响应式等高。它能依附选中的因素等高呈现

框架/库

  • normalize.css:一个用于重新设置浏览器内置样式的库

  • type.css:汉语网页重设与排版:1致化浏览器排版效果,营造最适合汉语阅读的网页排版

  • 网易nec:越来越好的css样式消除方案

  • Pure:雅虎出品样式框架,恩,能够翻阅参考

  • Flat UI:Bootstrap 的一款主旨,简洁美观

  • foundation:另1款前端模版框架,类似于 Bootstrap

  • Animate.css:css动画效果

  • movejs:基于 CSS3的前端动画框架

  • Hover.css:基于 CSS3 的种种鼠标悬停(hover)特效

bootstrap-markdown

  • 版本:2.10.0
  • 官网:
  • 许可:Apache-2.0
  • 依赖:Bootstrap
  • DataAPI:无
  • 功能:简单的Markdown编辑器

respond

  • 版本:1.4.2
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 效果:神速、轻量的polyfill,用于为IE陆-捌以及其余不辅助 CSS3 Media Queries 的浏览器提供媒体询问的 min-width 和 max-width 个性,达成响应式网页设计

JavaScript

flag-icon-css

  • 版本:0.7.1
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功能:svg国旗会集

webui-popover

  • 版本:1.2.7
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="webuiPopover"
  • 成效:弹出框插件

移动端

formatter.js

  • 版本:0.1.5
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="formatter"
  • 成效:输入框文本格式化

select2

  • 版本:4.0.2
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="select2"
  • 效果:Select美化。辅助搜索,远程数据集,以及最棒滚动的结果

工具类

用来前端优化的有的检测工具

  • caniuse:查看html伍和css三浏览器的帮忙情状

  • html5test:测试浏览器对html五的支撑情况

  • css3test:测试浏览器对css三的支撑景况

  • 开源中夏族民共和国在线工具

  • 在线工具,做最标准的工具网址

  • 阿里测:网站品质测试深入分析

  • PageSpeed:谷歌(谷歌(Google))家的网页质量工具

  • iTest:iTest爱测试前端测试服务,多浏览器测试

bootstrap-select

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="selectpicker"
  • 作用:使用Bootstrap风格美化select

jszip

  • 版本:3.1.3
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功用:直接在浏览器上开创 zip 压缩文档

兼容性

  • Placeholders.js:为不扶助的 HTML伍 的浏览器提供 Placeholder 援助

bootstrap-slider

  • 版本:9.7.2
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="slider"
  • 效益:滑块插件

alertify.js

  • 版本:1.0.10
  • 文档:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="alertify"
  • 功用:非侵入式,可定制的通知组件。包括可定制的对话框,和右下角音讯弹出框。完全可定制的警告,确认和唤醒对话框、完全自定义的文告系统、回调参数管理包含“鲜明“和”裁撤“开关的点击、允许对话框排队

后端

chartist

  • 版本:稳定版
  • 官网:
  • 许可:WTFPL
  • 依赖:无
  • DataAPI:无
  • 效能:轻易的响应式图表

jquery-wizard

  • 版本:0.3.1
  • 官网:
  • 许可:GPL
  • 依赖:jQuery
  • DataAPI:无
  • 作用:jQuery 向导插件

框架/库

Animations

  • vivus:可以动态描绘 SVG 的 JS 库, 帮衬多样动画

  • Web Animation:Javascript 实现的 Web Animation API

  • scrollReveal.js:使成分以特别酷帅的方法进入画布 (Viewpoint)

  • snabbt.js:1个接纳Javascript 和 CSS transform 的 animation 库

  • matter-js:②D 物理意义引擎,碰撞、弹跳等

  • parallax:七个用于响应智能手提式有线电话机orientation 的库

  • focusable:是页面上2个因素高亮的库,关灯效果

  • sensor.js:在智能运动器材浏览器上,通过HTML5的api使用移动设备的功用。定位、运动、倾斜等

  • animatable:仅仅依据border-width 和 background-position 完毕的各个动态效果

  • Bounce.js:漂亮的css3动画库

  • GreenSock:基于svg,很有力的卡通片效果,High-performance HTML5 animations that work in all major browsers.

  • dynamics.js:弹性物理意义

Slider

  • slick:作用10分强硬的三个图片滑动切换效果库

  • swipe:极度轻量级的二个图片滑动切换效果库, 质量杰出, 越发是对手提式有线电话机的支撑, 压缩后的尺寸约 五kb

  • swiper:用于落实浏览器上的滑行切换效果,辅助硬件加快

  • Owl:各类图形轮播效果,多采纳的

  • icheck:壹款不错的 Checkbox 插件

  • iscroll:高质量的轮转(scroll)管理库,功效庞大,补助种种风浪,不借助任何的库,且插件丰盛, 大众点评的手提式无线电话机端列表滚动正是用这几个库管理的

  • Slideout.js :三个要命美观的侧滑菜单

  • sweetalert:1个可怜雅观的用于替换浏览器暗中同意alert 的库

  • Sortable:当代浏览器上用于落到实处要素拖拽排序的功能,支持Meteor, AngularJS, React,不借助 jQuery

  • echarts:百度图形

  • metrics-graphics:基于 D三 的图表库,简洁、高效,Mozilla 出品

  • c3:基于 D三 的图表库

  • Summernote:WYSIWYG 富文本编辑器

  • awesomplete:非常轻型的3个机关补全 JS 库, 未有别的借助, 配置轻便, 美观。

  • basket.js:基于 LocalStorage 的能源加载器,能够用来缓存 script 和 css, 手提式无线电话机端使用速度快于浏览器直接缓存

  • mobile-angular-ui:基于angularjs和bootstarp的web app开采框架

  • moment.js:轻量级的Javascript日期管理类库

  • Datatables:jquery表格插件,它是二个可观灵活的工具,能够将其它HTML表格增加高档的相互功效。

  • artDialog:卓越的网页对话框组件

jquery-strength

  • 版本:0.1.1
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:data-pulgin="strength"
  • 效用:密码强度验证

bootstrap-sweetalert

  • 版本:0.4.2
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="sweetalert"
  • 功能:Bootstrap风格的SweetAlert插件。

前端

breakpoints.js

  • 版本:0.4.2
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:无
  • 效果:用于响应式布局设置断点

breakpoints.js

  • 版本:0.4.2
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:无
  • 效益:用于响应式布局设置断点

框架

  • amazeui:中华人民共和国第5个开源 HTML5 跨屏前端框架

toastr

  • 版本:2.1.2
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="toastr"
  • 功能:类似Android的Toast提示

jquery-appear

  • 版本:0.3.6
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="appear"
  • 成效:在浏览器窗口中追踪成非常观

css

eCharts

  • 版本:3.2.4
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功用:ECharts,三个纯Javascript的图表库,能够顺理成章的运作在PC和移动设备上

 

chartist-plugin-tooltip

  • 版本:0.0.12
  • 官网:
  • 许可:MIT
  • 依赖:Chartist
  • DataAPI:无
  • 功能:Chartist Tooltip

网站

alertify.js

  • 版本:1.0.10
  • 文档:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="alertify"
  • 效能:非侵入式,可定制的通报组件。包涵可定制的对话框,和右下角新闻弹出框。完全可定制的警戒,确认和提示对话框、完全自定义的照看系统、回调参数管理包含“显明“和”撤除“开关的点击、允许对话框排队

jquery-selective

  • 版本:0.1.0
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:data-pulgin="selective"
  • 功能:用来标记,采纳等

大商厦前端团队官方网站

  • alloyteam:腾讯全端 AlloyTeam 团队 Blog

c3

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 效益:开源图表库,使用10分舒服、充足可定制性和调节性。支持三种图形类型

bootstrap-tokenfield

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="tokenfield"
  • 成效:Bootstrap标签输入

模板

窘迫的网址模板,能够参谋。

  • 照片或文章显得的3个模板,简单美观

  • 无偿的html伍响应式模板

  • html五简练的模板

  • bootstrap响应式模板,有过多款

  • 曲直简洁的响应式模板

skycons

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 效果:天气动画Logo

twbs-pagination

  • 版本:1.4.1
  • 官网:
  • 许可:Apache-2.0
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="twbsPagination"
  • 效益:Bootstrap分页插件

设计类

帮助是布置

  • Awwwards:一家筛选评比互联英特网超级网址设计开拓的网址

typeahead.js

  • 版本:0.11.1
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:无
  • 成效:自动补全

Flot

  • 版本:0.8.3
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:无
  • 功用:图表绘制

nodejs

  • nodeschool:基于 Node.js 营造的、跑在极限上的开源教学课程。

  • node-lessons:Node.js 包教不包会

来源:

作者:RayLiao

html.sortable

  • 版本:0.3.1
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="sortable"
  • 职能:成分拖拽排序

jquery-Knob

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="knob"
  • 作用:旋钮插件

js插件

  • jQuery全屏滚动插件fullPage.js演示

  • 另1款完结一步滚动的开源库,使用人口过多,可达成各类狂拽炫酷掉渣天的前端效果

  • jQuery 的三个插件, 用于贯彻大背景(摄像、图片)效果

  • 页面上内嵌图片的推广收缩效果,类似于 Medium 中的效果

  • 1款能够完美的网页成分翻转效果库,代码许久不更新,然而作为源码学习大概不错的

  • jQuery 倒计时插件

  • Spectrum:Js完毕的颜色选取器 (Colorpicker)

  • 从简美观的进程条,扁平化

  • 作用庞大的图样延迟加载工具,能够率先加载二个低性能的图片,然后再加载高素质的图片

  • jQuery 的3个插件,能够用来落成瀑布流的成效

  • jQuery 插件,用来生成2维码

  • 2个方可检查实验设施档期的顺序的工具,能够让大家依照分歧的装置来为其定制响应的 Javascript 和 CSS

  • 滚动加载,滚动到最下到自动加载, Paul Irish 大神之作

  • 单页应用中七个用于拍卖导航栏的库

  • 四种轮播图上下切换开关效果

  • jQuery 插件,用于绑定热键

twbs-pagination

  • 版本:1.4.1
  • 官网:
  • 许可:Apache-2.0
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="twbsPagination"
  • 意义:Bootstrap分页插件

x-editable

  • 版本:1.5.1
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="editableTable"
  • 成效:表格编辑插件

读书财富汇总类

  • awesome:awesome 汇总,github上超周密资源集结

  • awesome-resources

  • 免费的编制程序普通话图书目录:Github上边的无需付费的计算机编制程序类汉语图书

  • 谷歌(谷歌(Google))的前端质量优化小说列表

jquery-asScrollable

  • 版本:0.3.1
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:data-pulgin="scrollable"
  • 效用:块级成分滚动

codemirror

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功用:在线代码编辑器

slimScroll

  • 版本:1.3.8
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="slimScroll"
  • 意义:滚动条美化插件

to-markdown

  • 版本:3.0.0
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功用:将HTML文书档案转成马克down格式

bootstrap-datepicker

  • 版本:1.6.0
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="datepicker"
  • 职能:Bootstrap风格日期采取控件。它包涵过多选项,方法和事件。并提供国际化帮忙

 

搜罗整理了一部分Web前端开采相比较早熟的第三方插件,分享给大家。 *************************...

chartist-plugin-tooltip

  • 版本:0.0.12
  • 官网:
  • 许可:MIT
  • 依赖:Chartist
  • DataAPI:无
  • 功能:Chartist Tooltip

card

  • 版本:1.2.2
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="card"
  • 功能:信用卡消息输入

modernizr

  • 版本:3.3.1
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 成效:利用JS来检查实验浏览器对CSS援助景况

gauge.js

  • 版本:1.2.1
  • 官网:
  • 许可:commercial license
  • 依赖:无
  • DataAPI:data-pulgin="gauge"
  • 功能:仪表盘

*******************************************************************************

owl.carousel

  • 版本:2.0.0-beta.3
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="owlCarousel"
  • 效果:响应式幻灯片插件

jquery.sparkline

  • 版本:2.1.2
  • 官网:
  • 许可:BSD-3-Clause
  • 依赖:jQuery
  • DataAPI:无
  • 效益:生成静态或动态波谱图表

gridstack

  • 版本:0.2.5
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="gridstack"
  • 功用:部件布局

magnific-popup

  • 版本:1.1.0
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="magnificPopup"
  • 职能:响应式弹出层和对话框组件,专注于质量,为用户在各样平台下提供卓越的经验

iCheck

  • 版本:1.0.2
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="iCheck"
  • 效益:提供作风一模二样checkbox,radio外观,回调护治疗形式能够用来便于地管理修改和自定义输入

rickshaw

  • 版本:1.6.0-rc.0
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 成效:绘制时序图

highlight.js

  • 版本:稳定版
  • 官网:
  • 许可:BSD
  • 依赖:无
  • DataAPI:data-pulgin="highlight"
  • 成效:高亮展现各类示例源代码语法

jquery-pjax

  • 版本:0.4.2
  • 文档:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:无
  • 功能:Pjax插件

jquery-cookie

  • 版本:1.4.1
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:无
  • 功能:jQuery cookie插件

media-match

  • 版本:0.1.0
  • 官网:
  • 许可:MIT
  • DataAPI:无
  • 效果:通过JS测试CSS三传播媒介询问

jquery-treegrid

  • 版本:0.3.0
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:data-pulgin="treegrid"
  • 意义:密码强度验证

jquery-labelauty

  • 版本:1.1.0
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="labelauty"
  • 功能:美化多选框和单选按键,允许为种种选项输入状态定制标签

*******************************************************************************

jquery-ui

  • 版本:1.11.4
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:无
  • 功能:1套jQuery的页面UI插件,包蕴很二种常用的页面控件

bootstrap-slider

  • 版本:9.7.2
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="slider"
  • 效益:滑块插件

jstree

  • 版本:3.3.3
  • 官网:
  • 许可:MIT
  • 依赖:jQuerys
  • DataAPI:data-pulgin="jstree"
  • 意义:jQuery 树形控件

Fontawesome-iconpicker

  • 版本:1.2.0
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="iconpicker"
  • 功用:字体Logo选取器

jquery-wizard.js

  • 版本:0.3.1
  • 官网:
  • 许可:GPL
  • 依赖:jQuerys
  • DataAPI:data-pulgin="wizard"
  • 职能:向导插件

blueimp-tmpl

  • 版本:3.4.0
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 功能:JS模板

iCheck

  • 版本:1.0.2
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="iCheck"
  • 功能:提供作风一模二样checkbox,radio外观,回调治将养章程能够用来方便地管理修改和自定义输入

html.sortable

  • 版本:0.3.1
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:data-pulgin="sortable"
  • 成效:成分拖拽排序

x-editable

  • 版本:1.5.1
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="editableTable"
  • 作用:表格编辑插件

summernote

  • 版本:0.6.3
  • 官网:
  • 许可:MIT
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="summernote"
  • 效率:生轻松利落的所见即所得的HTML在线编辑器

artTemplate

  • 版本:3.0.3
  • 官网:
  • 许可:BSD
  • 依赖:jQuery
  • DataAPI:无
  • 功能:新一代javascript模板引擎

lodash

  • 版本:4.11.1
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 意义:提供壹致性,模块化,质量和附属类小部件等功能

switchery

  • 版本:0.8.1
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="switchery"
  • 功用:ios7 风格的复选框开关

raty

  • 版本:2.7.0
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="rating"
  • 作用:星级评分

formvalidation

  • 版本:0.6.2-dev
  • 官网:
  • 许可:commercial license
  • 依赖:Bootstrap
  • DataAPI:data-pulgin="formValidation"
  • 效果:表单验证

nestable2

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="nestable"
  • 效益:可拖拽树状结构

peity

  • 版本:3.2.0
  • 官网:
  • 许可:MIT
  • 依赖:jQuery
  • DataAPI:data-pulgin="peityBar"
  • 功能:调换一些因素内容到归纳的画布对象,如饼图、线图和柱状图

marked

  • 版本:0.3.4
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 职能:全职能马克down深入分析和编写翻译器

moment

  • 版本:稳定版
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 效益:日期管理类库,提供了日期格式化、日期解析等效果。它帮助在浏览器和NodeJS三种情形中运营。此类库能够将加以的自由日期转变到多种差异的格式,具有壮大的日期总括功效,同时也置于了能显得二种的日子方式的函数。其余,它也援助多样语言

raphael

  • 版本:2.1.4
  • 官网:
  • 许可:MIT
  • 依赖:无
  • DataAPI:无
  • 效用:强大的矢量图形库

本文由乐百家前段发布,转载请注明来源:乐百家前段:前端能源集中[转发]