实用的前端框架,插件和工具

Posted Lily的前端笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实用的前端框架,插件和工具相关的知识,希望对你有一定的参考价值。

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


  

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

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

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

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

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

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

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

瀑布流布局插件
https://masonry.desandro.com/

http://www.tuicool.com/articles/F3iURz(jquery.masonry + jquery.infinitescroll )

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

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

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

地区,时间选择器

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

date日期处理库

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

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


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


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


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

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

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

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

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

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

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/
(官方文档)

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

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

css3 flexbox演示
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/
(妙味课堂)


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


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
(官方文档)

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

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

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

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

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


以上是关于实用的前端框架,插件和工具的主要内容,如果未能解决你的问题,请参考以下文章

前端开发工具

前端之旅Webpack模块打包工具

Ten——tornado操作之使用 Bootstrap 前端框架美化项目(Bootstrap的使用及font- awesome插件的使用—图标集和工具包)+静态文件的处理

Ten——tornado操作之使用 Bootstrap 前端框架美化项目(Bootstrap的使用及font- awesome插件的使用—图标集和工具包)+静态文件的处理

库&插件&框架&工具

vue前端框架实用基础篇