前端技术-js插件

时间：2024-07-26 11:36:14

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

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

相关文章