這是本人在開發(fā)項(xiàng)目中收集的一些前端框架，插件和工具迫皱，有部分用過歉闰，有些是在搜索資料中發(fā)現(xiàn)的也收集起來，分享給大家卓起，其中也帶上了鏈接（引用了別人的文章鏈接和敬，在此感謝文章作者），若簡(jiǎn)書上的小伙伴們有更好用的插件戏阅，工具可以評(píng)論推薦昼弟，感激不盡。
自動(dòng)合成雪碧圖工具--Go png
http://www.sina.com.cn
http://alloyteam.github.io/gopng/###
Unix時(shí)間戳(timestamp)轉(zhuǎn)換工具
http://tools.jb51.net/code/unixtime
JavaScript正則表達(dá)式在線測(cè)試工具
http://tools.jb51.net/regex/javascript
http://tools.jb51.net/regex/create_reg
js代碼檢錯(cuò)工具
http://jshint.com/
css代碼檢錯(cuò)工具
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/
例子
Layer彈層組件
http://layer.layui.com/
http://www.layui.com/doc/modules/layer.html
例子
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
例子
圖標(biāo)字體庫和CSS框架
http://fontawesome.dashgame.com/
瀑布流布局插件（本人在項(xiàng)目中也開發(fā)過饲握，有空整理分享出來）
https://masonry.desandro.com/
http://www.tuicool.com/articles/F3iURz（jquery.masonry + jquery.infinitescroll ）
示例
http://www.erikjohanssonphoto.com/work
swiper移動(dòng)端框架--輪播滑動(dòng)切換
http://2.swiper.com.cn/api/touch/2014/1217/61.html
RAML構(gòu)建API文檔
http://www.tuicool.com/articles/aqymieA
jquery circliful圓形統(tǒng)計(jì)圖插件
http://www.17sucai.com/pins/6556.html
jq插件庫
http://www.csdn.net/article/2014-03-14/2818765-best-free-jquery-plugins
lazyload.js延遲加載
http://www.cnblogs.com/yzg1/p/5051554.html
上拉加載下拉刷新dropload.js插件
http://www.reibang.com/p/65c718093d44
mui框架
Hbuilder MUI 注冊(cè)短信驗(yàn)證60秒后重新發(fā)送
http://www.bcty365.com/content-146-3101-1.html
短信api開發(fā)文檔
https://www.mysubmail.com/chs/documents/developer/t2f1J2
地區(qū)私杜，時(shí)間選擇器
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（下載插件網(wǎng)）
示例（格式化日期）
數(shù)字動(dòng)畫插件jquery.countup.js
http://www.jq22.com/jquery-info10784
Jq驗(yàn)證控件jquery.validate.js
http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html
Highcharts圖形框架
http://www.runoob.com/highcharts/highcharts-line-basic.html（官方文檔）
示例（基本曲線圖）
與vue單頁面開發(fā)結(jié)合使用的布局樣式框架Muse-UI
http://www.muse-ui.org/#/appbar（一般移動(dòng)端常使用）
https://github.com/museui/muse-ui（文檔項(xiàng)目下載github地址）
https://github.com/museui/muse-ui（muse-ui源代碼）
v-resource插件下載網(wǎng)
http://www.bootcdn.cn/vue-resource/
餓了么開發(fā)的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
滴滴公司開發(fā)的cube-ui框架
https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start
與react單頁面開發(fā)結(jié)合使用的布局樣式框架Material-UI
http://www.material-ui.com/#/components/menu
圖標(biāo)下載
http://www.easyicon.net/
ico圖標(biāo)轉(zhuǎn)換工具
http://www.bitbug.net/
chrome瀏覽器的擴(kuò)展插件
play animate.css 動(dòng)畫特效
Rcode 二維碼
reveal.js 用來做WEB演示文稿的框架（相當(dāng)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/
（官方文檔）
文本樣式調(diào)整工具
http://csstxt.com/
（官方文檔）
webgl（three.js）
http://www.hewebgl.com/addemo#
（官方文檔）
https://newbieweb.lione.me/?s=threejs
（借鑒別人文章）
github官網(wǎng)
https://github.com/explore
（官方文檔）
微信小程序游戲開發(fā)文檔
https://www.w3cschool.cn/wxagame/
（官方文檔）
微信小程序開發(fā)文檔
https://www.w3cschool.cn/weixinapp/
（官方文檔）
https://www.w3cschool.cn/miniappbook/
（指南手冊(cè)）
支付寶小程序開發(fā)文檔
https://www.w3cschool.cn/aliminiapp/
（官方文檔）
H5小游戲源碼下載學(xué)習(xí)資料
https://www.w3cschool.cn/html5/html5-game2.html
（官方文檔）
時(shí)間戳轉(zhuǎn)換工具
http://tool.chinaz.com/Tools/unixtime.aspx
（官方文檔）
css3 flexbox演示
http://www.css88.com/demo/flexbox-playground/
（官方文檔）
收集經(jīng)常用的教程視頻平臺(tái)網(wǎng)站（以下鏈接都是pc端的，本人也在手機(jī)端下載app使用）
https://ke.qq.com/index.html
（騰訊課堂）
https://www.imooc.com/course/list
（慕課網(wǎng)）
http://study.163.com/courses
（網(wǎng)易云課堂）
http://www.jikexueyuan.com/
（極客學(xué)院）
http://www.miaov.com/
（妙味課堂）
es6
http://es6.ruanyifeng.com/
（官方文檔）
UI中國(guó)
http://www.ui.cn/
（官方文檔）
有關(guān)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/
（中文網(wǎng)）
http://www.svgs.us/
（官方文檔）
SVG在線制作編輯預(yù)覽工具
https://www.bejson.com/ui/svg_editor/
（官方文檔）
babel轉(zhuǎn)換器
http://babeljs.io/
（官方文檔）
365編輯器
http://www.365editor.com/?f=b
（長(zhǎng)圖編輯器）
cubic-bezier工具
http://cubic-bezier.com/#.39,.41,1,-0.27
（官方文檔）
本文作者lilyping
越努力救欧，越幸運(yùn)
原文鏈接：http://www.reibang.com/u/3908e601f4ec
微信公眾號(hào)：BestLilyPing
github:https://github.com/lilyping
Demos源碼地址：https://github.com/lilyping
