image.png

这是本人在开发项目中收集的一些前端框架，插件和工具，有部分用过，有些是在搜索资料中发现的也收集起来，分享给大家，其中也带上了链接（引用了别人的文章链接，在此感谢文章作者），若 上的小伙伴们有更好用的插件，工具可以评论推荐，感激不尽。

自动合成雪碧图工具--Go png
http://www.sina.com.cn

http://alloyteam.github.io/gopng/###

Unix时间戳(timestamp)转换工具
http://tools.jb51.net/code/unixtime

JavaScript正则表达式在线测试工具
http://tools.jb51.net/regex/javascript

http://tools.jb51.net/regex/create_reg

js代码检错工具
http://jshint.com/

css代码检错工具
http://csslint.net/#

json在线编辑器
http://www.qqe2.com/

富文本插件TQEditor
http://down.chinaz.com/test/201110/1255_1.htm

例子

<script type="text/javascript" src="TQEditor.js" ></script>
<textarea name="content" cols="80" rows="16" id="content"></textarea>
<script type="text/javascript">
Window.tq=new TQEditor(‘content’,{
width:’100%’,
height:’400px’,
resize:false,
toolbar:[‘removeformat’,’mybutton’]
})//必须在表单域后
</script>

layDate日期控件（引入layDate.js插件）
http://www.layui.com/laydate/

http://www.layui.com/laydate/

例子

Paste_Image.png Paste_Image.png

Layer弹层组件
http://layer.layui.com/

http://www.layui.com/doc/modules/layer.html

例子

Paste_Image.png Paste_Image.png Paste_Image.png

Jq mobile
http://demos.jquerymobile.com/1.4.5/button-markup/

jQuery Jcrop图像裁剪
http://code.ciaoca.com/jquery/jcrop/

http://code.ciaoca.com/jquery/jcrop/demo/api

例子

Paste_Image.png Paste_Image.png

图标字体库和CSS框架
http://fontawesome.dashgame.com/

瀑布流布局插件（本人在项目中也开发过，有空整理分享出来）
https://masonry.desandro.com/

http://www.tuicool.com/articles/F3iURz（jquery.masonry + jquery.infinitescroll ）

示例
http://www.erikjohanssonphoto.com/work

swiper移动端框架--轮播滑动切换
http://2.swiper.com.cn/api/touch/2014/1217/61.html

RAML构建API文档
http://www.tuicool.com/articles/aqymieA

https://raml.org/developer

jquery circliful圆形统计图插件
http://www.17sucai.com/pins/6556.html

jq插件库
http://www.csdn.net/article/2014-03-14/2818765-best-free-jquery-plugins

http://www.jq22.com/

lazyload.js延迟加载
http://www.cnblogs.com/yzg1/p/5051554.html

上拉加载下拉刷新dropload.js插件
http://www.jianshu.com/p/65c718093d44

mui框架

Hbuilder MUI 注册短信验证60秒后重新发送
http://www.bcty365.com/content-146-3101-1.html

短信api开发文档
https://www.mysubmail.com/chs/documents/developer/t2f1J2

地区，时间选择器

Paste_Image.png

http://blog.csdn.net/qq_27626333/article/details/51891474

https://dev.dcloud.net.cn/mui/ui/#picker

http://blog.csdn.net/qq_21119773/article/details/52709751

date日期处理库

http://www.open-open.com/lib/view/open1415246164918.html

date日期处理库
https://code.google.com/archive/p/datejs/downloads（下载插件网）

示例（格式化日期）

Paste_Image.png

数字动画插件jquery.countup.js
http://www.jq22.com/jquery-info10784

Paste_Image.png

Jq验证控件jquery.validate.js
http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html

Highcharts图形框架
http://www.runoob.com/highcharts/highcharts-line-basic.html（官方文档）

示例（基本曲线图）

Paste_Image.png

与vue单页面开发结合使用的布局样式框架Muse-UI
http://www.muse-ui.org/#/appbar（一般移动端常使用）

https://github.com/museui/muse-ui（文档项目下载github地址）

https://github.com/museui/muse-ui（muse-ui源代码）

v-resource插件下载网
http://www.bootcdn.cn/vue-resource/

饿了么开发的mint-ui框架
http://mint-ui.github.io/docs/#/zh-cn2/quickstart

http://mint-ui.github.io/#!/zh-cn（官方文档）

element（pc端用的比较多）
http://element-cn.eleme.io/#/zh-CN/component/collapse

滴滴公司开发的cube-ui框架
https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

与react单页面开发结合使用的布局样式框架Material-UI
http://www.material-ui.com/#/components/menu

图标下载
http://www.easyicon.net/

ico图标转换工具
http://www.bitbug.net/

chrome浏览器的扩展插件
play animate.css 动画特效
Rcode二维码

reveal.js 用来做WEB演示文稿的框架（相当PPT幻灯片）

http://www.bootcdn.cn/reveal.js/

https://www.helloweba.com/view-blog-378.html

Swiper2.x（2.7兼容到ie8以上）
http://2.swiper.com.cn/api/index.html

Swiper3.x（不兼容ie8）

http://3.swiper.com.cn/api/index.html
（官方文档）

Swiper4.x
http://www.swiper.com.cn/api/index.html
（官方文档）

animate.css

https://daneden.github.io/animate.css/
（官方文档）

颜色渐变工具
http://www.colorzilla.com/gradient-editor/
（官方文档）

文本样式调整工具
http://csstxt.com/
（官方文档）

webgl（three.js）
http://www.hewebgl.com/addemo#
（官方文档）

https://newbieweb.lione.me/?s=threejs
（借鉴别人文章）

github官网
https://github.com/explore
（官方文档）

微信小程序游戏开发文档
https://www.w3cschool.cn/wxagame/
（官方文档）

微信小程序开发文档
https://www.w3cschool.cn/weixinapp/
（官方文档）

https://www.w3cschool.cn/miniappbook/
（指南手册）

支付宝小程序开发文档
https://www.w3cschool.cn/aliminiapp/
（官方文档）

H5小游戏源码下载学习资料
https://www.w3cschool.cn/html5/html5-game2.html
（官方文档）

时间戳转换工具
http://tool.chinaz.com/Tools/unixtime.aspx
（官方文档）

css3flexbox演示
http://www.css88.com/demo/flexbox-playground/
（官方文档）

收集经常用的教程视频平台网站（以下链接都是pc端的，本人也在手机端下载app使用）
https://ke.qq.com/index.html
（腾讯课堂）

https://www.imooc.com/course/list
（慕课网）

http://study.163.com/courses
（网易云课堂）

http://www.jikexueyuan.com/
（极客学院）

http://www.miaov.com/
（妙味课堂）

es6
http://es6.ruanyifeng.com/
（官方文档）

UI中国
http://www.ui.cn/
（官方文档）

有关grid布局文章
https://juejin.im/entry/5894135c8fd9c5a19507f6a1
（借鉴别人文章）

svg
https://www.w3cschool.cn/svg/
（官方文档）

https://www.w3.org/TR/SVG/expanded-toc.html
（官方文档）

svg框架
http://snapsvg.io/docs/#Matrix.add
（官方文档）

http://www.zhangxinxu.com/wordpress/2014/01/snap-svg-study-demo-docs/
（借鉴别人文章）

svg.js
http://svgjs.com/animating/#callbacks
（官方文档）

svg编辑器
http://www.zhangxinxu.com/sp/svg/
（官方文档）

http://editor.method.ac/
（官方文档）

https://c.runoob.com/more/svgeditor/
（中文网）

http://www.svgs.us/
（官方文档）

SVG在线制作编辑预览工具
https://www.bejson.com/ui/svg_editor/
（官方文档）

babel转换器
http://babeljs.io/
（官方文档）

365编辑器
http://www.365editor.com/?f=b
（长图编辑器）

cubic-bezier工具
http://cubic-bezier.com/#.39,.41,1,-0.27
（官方文档）

本文作者lilyping
越努力，越幸运
原文链接：https://www.jianshu.com/u/3908e601f4ec
微信公众号：BestLilyPing
github:https://github.com/lilyping
Demos源码地址：https://github.com/lilyping

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://www.dengtar.com/17983.html