30组常用前端开发组件库前端组件收集整理列表.docx
- 文档编号:18471051
- 上传时间:2023-08-18
- 格式:DOCX
- 页数:12
- 大小:18.23KB
30组常用前端开发组件库前端组件收集整理列表.docx
《30组常用前端开发组件库前端组件收集整理列表.docx》由会员分享,可在线阅读,更多相关《30组常用前端开发组件库前端组件收集整理列表.docx(12页珍藏版)》请在冰点文库上搜索。
30组常用前端开发组件库前端组件收集整理列表
0.前端自动化
∙前端构建工具
∙gulp–Thestreamingbuildsystem
∙grunt–theJavaScriptTaskRunner
∙前端模块管理器
∙Bower–Apackagemanagerfortheweb
∙Browserify
∙Component
∙Duo
∙RequireJS
∙Sea.js
∙css预处理器
∙Less–LessisMore,ThanCSS
∙Sass–SyntacticallyAwesomeStyleSheets
∙Stylus–Expressive,dynamic,robustCSS
1.前端框架
∙Bootstrap
∙Foundation
∙AmazeUI
∙SemanticUI
∙PureCSS
∙topcoat
∙UIkit
∙MaterialUI
∙Framework7
∙mui
∙ionicframework
∙Fries
∙jQueryMobile
2.JavaScript框架汇总
∙JavaScript框架
∙Angular
∙jQuery
∙Backbone.js
∙Ractive.js
∙KISSY
∙Zepto.js
∙VanillaJS
∙Avalon
∙轻量级JavaScript框架
∙Min.js–Superminimalselectorandeventlibrary
∙skel.js–Alightweightresponsiveframework
∙JavaScript工具库
∙underscore.js
∙Way.js–双向数据绑定库
∙Keys.js–应用快捷键
3.前端游戏框架
∙cocos2d-html5
∙EgretEngine
∙LimeJS
∙EaselJS
∙three.js
∙AlloyStick
∙The-Best-JS-Game-Framework
∙CanvasEngine
∙Quintus
4.ui组件库
∙GMU
∙NEC
∙NEJ
∙PureCSSComponents
∙magic-of-css
5.基础模版
∙HTML5BOILERPLATE
∙Modernizr
∙Normalize.css
6.排版
∙yue.css
∙typo.css
7.网格系统
∙grid
∙FlexboxGrid
8.HTML5API应用
∙History.js–gracefullysupportstheHTML5History/StateAPIs
∙jquery-pjax–pushState+ajax
∙jquery-address–DeepLinking
∙Notify.js(WebNotificationsAPI)
9.UA识别
∙detector
10.表单处理
10.1表单验证(FormValidator)
∙Validator
∙Parsley
∙jquery.form.js–jQueryFormPlugin
∙Validform
∙validator.js
∙formvalidator.js
∙Fort.js–表单填写进度提示
10.2
∙Chosen
∙Select2
∙bootstrap-select
10.3单选框/复选框相关
∙iCheck–增强复选框和单选按钮
10.4上传组件
∙jQueryFileUploadPlugin
∙XXWebUploader
∙Uploadify
∙Plupload
∙arale-upload–轻量级iframeandhtml5fileuploader
∙Dropzone.js–drag’n’droplibrary拖拽上传
∙flow.js
10.5日期选择
∙BothDateandTimepickerwidgetbasedontwitterbootstrap
∙GMU日历组件
∙Mobiscroll
10.6取色
∙ColorpickerpluginforTwitterBootstrap
10.7标签插件(Tag)
∙TaggingJS–可以灵活定制的jQuery标签系统插件
11.图表绘制
∙Highcharts
∙Chart.js–SimpleHTML5ChartsusingCanvas
∙XXECharts
∙Chartist.js
∙D3.js–AJavaScriptvisualizationlibraryforHTMLandSVG.
∙intro-to-d3–aD3.jstutorial
12.日期格式化
∙Moment.js
∙SmartTimeAgo–显示相对时间
13.页面交互
13.1Slider
∙slick–thelastcarouselyou’lleverneed
∙Swipe–themostaccuratetouchslider
∙Swiper–Mostmodernmobiletouchslider
∙iscroll–Smoothscrollingfortheweb
13.2瀑布流
∙Masonry
∙Isotope–Filter&sortmagicallayouts
13.3图片懒加载/加载监听
∙imagesLoaded
∙Echo.js
∙lazySizes
∙jquery_lazyload
∙lazyload.js
∙waitForImages–图片加载监听库
13.4图片轮播/展示
∙FlexSlider
∙unslider–小而美的轮播库
∙prettyPhoto
13.5图片剪裁
∙croppic–animagecroppingjqueryplugin
13.6进度条
∙NProgress.js
∙progress.js
∙Pace–Automaticpageloadprogressbar
∙jquery-ajax-progress
13.7侧滑插件(offcancas)
∙pushy–aresponsiveoff-canvasnavigationmenu
13.8菜单(Menu)
∙SuperFish–基于jQuery的级联下拉菜单
∙ResponsiveNav–响应式导航
13.9滚动侦测(ScrollSpy)
∙jquery-scrollspy
(1)
∙jquery-scrollspy
(2)
∙Waypoints
13.10滚动加载更多
∙jScroll
13.11平滑滚动插件(SmoothScroll)
∙jquery-smooth-scroll
∙jquery.scrollTo–平滑滚动到页面指定位置
13.12全屏滚动
∙pagePiling.js–全屏滚动效果
13.13分屏滚动
∙multiscroll.js–分屏滚动效果
13.14转场效果
∙Animsition–页面切换时的过渡效果
13.15固定元素(Sticky)
∙sticky–jQueryPluginforStickyObjects
∙jquery.pin–固定页面元素
13.16触控事件
∙Hammer.JS
13.17拖拽组件
∙Draggabilly–专注于拖拽功能的JS库
13.18隐藏或展示页面元素
∙Headroom.js–在不需要页头时将其隐藏
∙Readmore.js–内容显示与隐藏插件
13.19滚动条
∙jScrollPane
13.20视差滚动(ParallaxScrolling)
∙parallax.js
∙jparallax
14.代码高亮插件/代码编辑器
∙google-code-prettify
∙highlight.js
∙Rainbow
∙ACE
∙CodeMirror
∙CrayonSyntaxHighlighter
∙prism–Lightweight,robust,elegantsyntaxhighlighting.
15.UIIcon组件
∙FontAwesome
∙Glyphter:
TheSVGFontMachine
∙PerfectIcons
∙iconizr
∙Cikonss–纯CSS实现的响应式Icon
∙SimpleIcons
16.动画
∙animate.css–Across-browserlibraryofCSSanimations.
∙Transit–CSStransitionsandtransformationsforjQuery
∙Move.js–简化CSS3动画的JS库
∙ScrollMe–在网页中加入各种滚动动画效果
∙Effeckt.css–APerformantTransitionsandAnimationsLibrary
∙NEC动画库
∙csshake–CSSclassestomoveyourDOM
∙magic–CSS3Animationswithspecialeffects
∙Hover.css
∙css-loaders
∙SpinKit
17.本地存储
∙cross-storage–Crossdomainlocalstorage
∙localForage
∙pouchdb
∙basil.js
18.模板引擎
∙mustache.js
∙Handlebars.js
∙artTemplate
∙baiduTemplate
∙JSRender
∙EJS–JavaScriptTemplates
∙Juicer–ALightJavascriptTempleteEngine.
∙Tempo
∙json2html
19.通知组件/弹框组件
∙alertify.js
∙AlertifyJS
∙SweetAlert
∙Messenger–非常酷的弹框组件
∙PNotify
20.提示控件(Tooltips)
∙qTip2–Prettypowerfultooltips
∙tooltip–CSSTooltips
∙tooltipster–AjQuerytooltipplugin
∙grumble.js–气泡形状的提示(Tooltip)控件
∙Ouibounce–离站提示控件
21.对话框/弹出层(lightbox)
∙fancyBox–FancyjQuerylightbox
∙jquery-lightbox–Thepopularlightboxscript,portedtojQuery
∙Colorbox–ajQuerylightbox
∙artDialog–经典的网页对话框组件
∙DialogEffects
22.文档/表格
∙handsontable–在线可编辑excel表格
∙jQueryBootgrid–用于ajax生成动态表格
∙DataTables–Tableplug-inforjQuery
23.目录树插件
∙zTree_v3–jQueryTreePlugin
∙jstree–jQueryTreePlugin
∙fancytree–TreepluginforjQuery
24.Ajax模块
∙fetch–Awindow.fetchJavaScriptpolyfill
∙reqwest–browserasynchronoushttprequests
∙minAjax.js
25.音频/视频
∙jPlayer–HTML5Audio&VideoforjQuery
∙video.js–HTML5&Flashvideoplayer
∙AccessibleHTML5VideoPlayer–PayPal开源的HTML5视频播放器
∙Clappr–开源的Web视频播放器
∙Plyr–AsimpleHTML5mediaplayer
∙FitVids.js–Alightweight,easy-to-usejQuerypluginforfluidwidthvideoembeds.
∙BigVideo.js–ThejQueryPluginforBigBackgroundVideo
∙BigScreen–AsimplelibraryforusingtheJavaScriptFullScreenAPI
∙Vide–视频背景
∙winamp2-js
26.按钮
∙Buttons–ACSSbuttonlibrary
∙ButtonComponentMorph
∙ProgressButtonStyles
∙CreativeButtons
∙CSS3buttons
27.富文本编辑器/Markdown编辑器/Markdown解析器
∙Simditor–简单快速的富文本编辑器
∙BachEditor–一个有情怀的编辑器
∙bootstrap-markdown
∙marked–markdown解析器
28.内容提取(Readability)
∙Readability
∙json.human.js–JsonFormattingforHumanBeings
29.颜色(CSSColors)/SVG
∙CSSColours
∙SVGeneration
30.实用工具/其他插件
∙jquery-cookie
∙FastClick–处理移动端click事件300毫秒延迟
∙screenfull.js–全屏切换
∙Async.js–异步操作
∙html2canvas–实现纯JS网页截图
∙jquery.qrcode.js–生成二维码的jQuery插件
∙FocusPoint.js实现图片的响应式裁剪
∙DD_belatedPNG.js–让IE6支持透明PNG图片
∙nakedpassword–用脱衣女帮助检测密码强度
前端参考集
∙frontend-guidelines–SomeHTML,CSSandJSbestpractices.
∙Codrops–Usefulresources
∙Front-endCodeStandards&BestPractices
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 30 常用 前端 开发 组件 收集 整理 列表