前端技术-js插件

 

 

学习良好的规范，培养良好的书写习惯，苦练基本功才能快速成长。

http://www.cnblogs.com/cssbbs/category/758479.html

常用插件

插件名	使用范围	说明	官网实例
superslide.js	PC端	轮换图、滚动图、无缝滚动、上下滚动、选项卡、多行滚动	官网：http://www.superslide2.com
百度地图	通用	调用地图	http://api.map.baidu.com/lbsapi/creatmap/
分享按钮	通用	插入代码即可使用分享按钮	百度分享：http://share.baidu.com/code  自定义分享按钮样式：http://www.5811.com.cn/blog/120.html
fancybox.js	PC	弹窗相册	http://www.jq22.com/jquery-info28
fullpage.js	通用	整屏滚动插件	https://github.com/alvarotrigo/fullPage.js/
downCount.js	通用	倒计时插件	http://www.lanrenzhijia.com/jquery/3203.html
countUp.min.js	通用	计数器插件	https://github.com/inorganik/CountUp.js
Vali.js	通用	表单验证	https://github.com/1029131145/vali http://1029131145.github.io/vali/
wow.js	通用	出场动画	https://github.com/matthieua/WOW
fadethis.js	通用	出场动画	http://www.jq22.com/jquery-info445
skroll.js	通用	滚动条动画	https://github.com/Prinzhorn/skrollr
layer.js	PC/移动	弹出层	http://layer.layui.com/
pageSwitch.js	移动	H5全屏切换滚动插件	https://github.com/qiqiboy/pageSwitch
TouchSlider.js	移动/通用	触摸滑动，支持不固定尺寸滑动	https://github.com/qiqiboy/touchslider
move.js	通用	移动动画插件	https://github.com/visionmedia/move.js
Nicescroll.js	通用	滚动条ui插件	http://areaaperta.com/nicescroll/
Swiper.js	通用	全屏滚动轮换插件	http://www.swiper.com.cn/
Move.js	通用	css3动画插件	http://visionmedia.github.io/move.js/
TouchSlider.js	移动	不固定滚动模块	http://u.boy.im/touchslider/
pageSwitch.js	移动	H5单页整屏滚动	https://github.com/qiqiboy/pageSwitch
mobilebone.js	移动	APP单页无刷新切换骨架	使用说明 下载地址

更多插件：http://www.cnblogs.com/cssbbs/category/760089.html

框架学习

学习一些优秀的框架可以提升自己的前端理念和思路，多去看看优秀的网站代码也能提升个人的前端修养

框架名	使用范围	说明	官网实例
bootstarp	响应式	全球使用最多的响应式框架	http://www.bootcss.com/
weui	手机	微信官方的ui框架	https://github.com/weui/weui jQuery版本
sui	手机	淘宝官方的ui框架	http://m.sui.taobao.org/ jquery版本
frozenui	手机	cssui样式	http://frozenui.github.io/
h-ui	响应式	参考	http://www.h-ui.net/

常用手册

jquery手册：http://www.php100.com/manual/jquery/
sublime 代码展开手册：

按钮（css3）
http://www.jq22.com/yanshi4652

图表
http://www.highcharts.com/
http://echarts.baidu.com/
http://www.ichartjs.com/samples/index.html?page=area2d_01.html&pageno=0

正则表达式
http://www.h-ui.net/Hui-notes-regular.shtml
http://blog.sina.com.cn/s/blog_6819fa800100j5t6.html

手触滑动
http://hammerjs.github.io/
http://touch.code.baidu.com/examples.html

为代码疯狂！

 

来自:http://www.cnblogs.com/cssbbs/p/5635384.html