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

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

前端技术-js插件的更多相关文章

  1. web前端常用js插件

    第一款:截图插件html2Canvas.js html2是一款强大的截图插件,只需引入js文件,依照官方给定的截图方法,就能截取对应DOM区域的内容.对于有些截图出现模糊偏移的问题,网上也有一堆解决方 ...

  2. HTML前端技术(JS的使用,包括数组和字符串)

    <script type="text/javascript"> /* JS 数组的操作 //concat 连接两个或更多的数组,并返回结果. var arr1 = ne ...

  3. 前端开发需要了解的JS插件

    excanvas.js/Chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js 用途:构建数据统计图表,兼容多浏览器 jquer ...

  4. JS前端图形化插件之利器Gojs组件(php中文网)

    JS前端图形化插件之利器Gojs组件(php中文网) 一.总结 一句话总结:php中文网我可以好好走一波 二.JS前端图形化插件之利器Gojs组件 参考: JS前端图形化插件之利器Gojs组件-js教 ...

  5. 大前端技术系列:TWA技术+TensorFlow.js => 集成原生和AI功能的app

    大前端技术系列:TWA技术+TensorFlow.js => 集成原生和AI功能的app ( 本文内容为melodyWxy原作,git地址:https://github.com/melodyWx ...

  6. 值得H5前端学习的60个JS插件(含DEMO演示)

    下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式 ...

  7. js前端技术

    一.前端技术 1.HTML HTML(hypertext markup language)超文本标记语言,不同于编程语言. 超文本就是超出纯文本的范畴,描述文本的颜色.大小.字体. HTML由一个个标 ...

  8. js前端使用jOrgChart插件实现组织架构图的展示

    项目要做组织架构图,要把它做成自上而下的树形结构. 需要购买阿里云产品的,可以点击此链接购买,有红包优惠哦: https://promotion.aliyun.com/ntms/yunparter/i ...

  9. Intense Images – 全屏浏览图像的 JS 插件

    Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和 ...

随机推荐

  1. 中小型研发团队架构实践九:任务调度Job

    一.Job 简介 Job 类似于数据库中的作业,多用于实现定时执行任务.适用场景主要包括定时轮询数据库同步.定时处理数据.定时邮件通知等. 我们的 Job 分为操作系统级别定时任务 WinJob 和 ...

  2. 【 js 片段 】移动端适配简易步骤

    手机端全部适配简易步骤,不确保没有bug. 1.HTML 的 head 部分中加入如下代码: <meta name="viewport" content="widt ...

  3. PHP报错Deprecated: Function ereg_replace() is deprecated in

    可能用了PHP5.3乃至更高的PHP版本,目前DEDE中有很多地方的正则函数都用的ereg_replace,而这个函数现在在PHP5.3中已经被废止了. 解决办法: 如果一定要用php5.3,请修改p ...

  4. AGC006C Rabbit Exercise

    传送门 设 \(f_{i,j}\) 表示兔子 \(i\) 在当前 \(j\) 轮的期望位置 对于一次操作 \(f_{i,j+1}=\frac{1}{2}(2f_{i-1,j}-f_{i,j})+\fr ...

  5. 【代码笔记】iOS-左右可滑动的选择条

    一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController ...

  6. 移动端meta标签设置

    移动端meta标签设置 1.设置当前html文件的字符编码 <meta charset="UTF-8"> 1 2设置浏览器的兼容模式(让IE使用最新的浏览器渲染) &l ...

  7. 浏览器根对象window之事件

    1. [事件]动画 onanimationstart onanimationend onanimationiteration onwebkitanimationend onwebkitanimatio ...

  8. 无法在类...中找到资源".bmp"

    在WinForm中写的一个程序,在项目中添加了一个bmp图片,然后 public void SetSubType(int SubType) { m_subType = SubType; switch ...

  9. Atitit.resin  could not create the java virtual machine问题

    Atitit.resin  could not create the java virtual machine问题 1. 正常的参数是这样1 2. 错误的cmd运行时候的参数1 3. 输出2 4. 原 ...

  10. python中的字符串编码问题——2.理解ASCII码、ANSI码、Unicode编码、UTF-8编码

    ASCII码:全名是American Standard Code for Information Interchange,ASCII码中,一个英文字母(不分大小写)占一个字节的空间,范围0x00~0x ...