一. css框架
H-ui http://www.h-ui.net/index.shtml
zui http://zui.sexy/
拼图 http://www.pintuer.com/
dowebok http://www.dowebok.com/
layui http://www.layui.com/
swiper http://www.swiper.com.cn/
Mui http://dcloud.io/index.html
ANT DESIGN https://ant.design/index-cn
uikit(有源码) http://www.getuikit.net/
bootstrap(有源码) http://www.bootcss.com/
Foundation(有sass源码) http://www.foundcss.com/
国内的框架更实用,但没源码.可以做一些自己的作品.
如果项目需要做响应式网站,并且要根据设计图制作的时候,必须使用国外框架.
css3动画
animate.css http://www.dowebok.com/98.html
velocity.js http://velocityjs.org/
中文文档 http://www.mrfront.com/docs/velocity.js/
开发规范
字体图标
Awesome(bootstrap) http://www.bootcss.com/p/font-awesome/
有字库 https://www.youziku.com/
阿里图标 http://www.iconfont.cn/
https://icomoon.io/
二. jquery
jquery cdn :http://www.bootcdn.cn/jquery/
- 特效类
hellogithub https://hellogithub.com/
我要特效网 http://www.51txw.com/ -
图像裁剪工具
Jcrop 强大的图像裁剪工具,并附有后端应用的demo https://github.com/tapmodo/Jcrop
cropper 图像裁剪工具,并附带有头像裁剪的demo,适合做头像模块
https://github.com/fengyuanchen/cropper -
灯箱展示效果
lightbox2 老牌的灯箱插件
https://github.com/lokesh/lightbox2 -
图片查看器
viewer 图片查看器插件(和灯箱效果差不多,但是功能上更强大)
https://github.com/fengyuanchen/viewer -
图片的延迟加载
jquery_lazyload 适合图片比较多的场景应用
https://github.com/tuupola/jquery_lazyload
https://github.com/jieyou/lazyload -
轮播特效
superside 开发企业网站的利器(效率最高)
http://www.superslide2.com/
bootstrap carousel.js 如果正在使用bootstrap开发响应式网站.推荐用bootstrap自带的轮播效果.(没出过bug)
http://v3.bootcss.com/javascript/#collapse
swiper 移动端必备的轮播插件
http://www.swiper.com.cn/ -
对话框插件 layer 国产精品弹窗插件
http://layer.layui.com/
artDialog 另一款弹窗插件
http://demo.jb51.net/js/2011/artDialog/index.html
前端的弹窗需求少于三个的时候可以手写. -
全屏展示特效
fullpage 全屏滚动插件
https://github.com/alvarotrigo/fullPage.js
中文演示: http://www.dowebok.com/77.html
scrollReveal.js 页面滚动显示动画
https://github.com/jlmakes/scrollreveal
中文演示:http://www.dowebok.com/134.html
WOW.js 页面滚动显示动画(只能显示一次)
https://github.com/matthieua/WOW
中文演示:http://www.dowebok.com/131.html multiscroll.js 左右垂直反向滚动插件
https://github.com/alvarotrigo/multiscroll.js
中文演示:http://www.dowebok.com/127.html - 瀑布流
waterfall jquery做的瀑布流插件 有中文文档
https://github.com/bingdian/waterfall
Wookmark-jQuery评分很高的瀑布流插件
https://github.com/germanysbestkeptsecret/Wookmark-jQuery
瀑布流是一种异步请求加载图片的方式.由于涉及ajax请求,所以必须放服务端调试
- 时间轴
TimelineJS3 时间轴插件.做公司大事记
https://github.com/NUKnightLab/TimelineJS3.git
菜单 选项卡 工具提示 返回顶部 这些比较简单的特效,自己制作比学插件要节约时间.
- 数据处理和表单类
图表插件
ECharts 百度出的图表插件
http://echarts.baidu.com/index.html
Highcharts 一款有名的图表插件
https://www.hcharts.cn/
chart.js 是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
http://www.bootcss.com/p/chart.js/
数据表格
datatables 数据表格插件
http://www.datatables.club/
jQuery.bsgrid 一款国产数据表格 支持大数据量表格.
http://thebestofyouth.com/bsgrid
表单功能
(1)选择框插件
select2 非常强大的选择框插件.尤其是ajax的选择功能
https://select2.org/
cxSelect 多级联动插件(可以自己写一个)
http://code.ciaoca.com/jquery/cxSelect/
(2)icheck 复选框美化插件. (百度搜,有很多)
(3)日期选择控件
laydate 强大且美观的日期选择控件
http://www.layui.com/laydate/
bootstrap-datetimepicker bootstrap出品的日期选择控件.
http://www.bootcss.com/p/bootstrap-datetimepicker/
(4)批量上传插件
webuploader 百度出品的h5批量上传插件
http://fex.baidu.com/webuploader/
uploadify 一款可以批量上传图片的插件
http://www.uploadify.com
(5)树插件
jstree 一款国外的树插件,有右击弹出扩展菜单,完成增删改查.
https://www.jstree.com/
ztree 国内精品树插件,功能非常强大
http://www.treejs.cn/v3/main.php#_zTreeInfo
(6)富文本编辑器
ueditor 百度出品富文本编辑器
http://ueditor.baidu.com/website/
editor.md 一款markdown富文本编辑器
http://pandao.github.io/editor.md/
Simditor http://simditor.tower.im/docs/doc-config.html
表单验证
jQuery Validation Engine 表单验证插件,好处是直接把验证规则写到html里.使用更简单
https://github.com/posabsolute/jQuery-Validation-Engine
中文演示 http://code.ciaoca.com/jquery/validation-engine/
jquery-validation 常用表单验证插件.既可以写在html标签,也可以卸载js文件里.
https://github.com/jquery-validation/jquery-validation
后台框架
hui-admin 对前端最友好的后台框架.作者没有提供一个集成的js解决方案.而是借用他人的js插件.这样降低了框架停止更新带来的风险.
http://www.h-ui.net/H-ui.admin.shtml
JUI 老牌的ajax后台前端解决方案(js写的很牛,UI很丑)
http://jui.org/
jquery easy ui 常用的后端框架
http://www.jeasyui.net/
adminlte 老外写的基于bootstrap的后台框架.和hui一样,是一个松散的框架.界面美观.
https://adminlte.io/
