Web开发必备:16款强大的JavaScript库

Web开发必备:16款强大的JavaScript库

2012年04月17日10:07来源: 开源社区 作者:红薯 编辑: 皮丽华 评论: 1

        【IT168 技术】本文重点为大家介绍16款非常实用的JavaScript库,涵盖的领域很广泛。

       编辑器

     1. CodeMirror

  CodeMirror 是一款“Online Source Editor”,基于 Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。


  视频:

  2.html5media

  html5media 是一个 JavaScript 音频/视频播放器能够让每一个浏览器都能够播放在 HTML5 多媒体标签中定义的多媒体文件。 对于不兼容的浏览器,该播放将采用支持 Flash 的 FlowPlayer 播放器来代替。


  地图:

  3. Gmap

  GMAP3 插件用来将 Google Maps 插入到网页中,Google 在其产品中已经提供了很简便的方法。但是 GMAP3 这个 jQuery 插件提供了更加简便的方法,特别是在使用一些高级功能时(如:overlays 和 callbacks)。


  图表:

  4. JS Charts

  JS Charts 是一款免费的基于 javascript 的轻量级插件,用 JS Charts 绘制图表是很轻松地事,因为你只需要关心客户端的脚本。


  5. Highcharts

  Highcharts 是一个制作图表的纯 Javascript 类库


  6. Flot

  受 Plotr 和 PlotKit 的启发,Ole Laursen 基于 jquery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。

  示例代码:$.plot ($("#placeholder"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });


  7.Timeplot

  Timeplot 是一个基于 DHTML 的 AJAX 部件,用于创建时间序列、基于时间事件的图表。

 

Web开发必备:16款强大的JavaScript库


  可视化和绘图库:

  8. Processing.js

  Processing.js 是轻量,易于了解掌握,并提出一个理想的工具,可视化的数据,创建用户界面和开发基于 Web 的游戏。


  9. Protovis

  Protovis 是一个可视化 javaScript 图表生成工具。


  10. Raphaël

  Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。

  安全相关:

  11. Ad Safe

  ADsafe 能使 Javascript 广告更加安全。

  ADsafe 使放置在页面上的客户代码(例如第三方的广告脚本以及挂件)安全,ADsafe 定义了一个 JavaScript 的子集,足以令客户脚本具有用的交互性,在此同时防止恶意或者偶然的破坏以及入侵。

  存储:

  12. TaffyDB

  TaffyDB 是一个免费开源的 JavaScript 库,用于在 Web 上实现一个轻量级的数据访问层,也就是一个简单的数据库。

  13. evercookie

  evercookie 是一套想辦法在瀏覽器上留下可供紀錄的痕跡的 javscript library,支援非常多方法,想盡辦法產生類似 HTTP cookie 的效果。目前实现的方法借助了 flash 的支持。

  14.jStorage

  jStorage 是一个简单的用于 Prototype,MooTools,jQuery 在浏览器端缓存数据(字符串,数字,对象,甚至是 XML 节点)的包装插件。

  其他:

  15. HeadJS

  HeadJS, 异步 JavaScript 加载。其最大特点就是不仅可以按顺序执行还可以并发加载 js

  16.Socket.IO

  Socket.IO 旨在让各种浏览器与移动设备上实现实时 app 功能,模糊化各种传输机制。via webinsightlab



自己写的一个网页开发常用效果与框架,可以自定义导出自己想要的部分。 1.通过帮助文档help.html查看所有效果与使用方法。 2.通过config.html配置符合你需要并导出js; 内容包含如下: A:效果类; 1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种; 3.电商产品主图-横向与纵向2种; 4.放大镜-电商主图放大镜、图鼠标悬停旁边出现放大版图效果各一个; 5.跑马灯-文字或图片不断档可支持鼠标悬停时停止; 6.仿alert弹窗-可以自定义样式,手机版pc版个一种; 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种; 8.折叠菜单一个; 9.banner图效果-7种包含手机上支持手指滑动的; 10.时间轴-控制1种; 11.自定义滚动条-横向、纵向各一种; 12.临时禁用滚动条-禁用与启用方法各一个,也能禁用手机滚动条,同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式; 14.回到顶部-点击回到浏览器顶部; 15.漂浮窗-小漂浮窗广告; 16.图集展示-偶尔能用到; 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面,可自己配一些动效!!!!!!; 18.常用表单验证; 19.左滑删除; 20.复选框全选与取消选中; 21.内容拖动!!!!!!; 22.dom输入; 23.单例定时器; 24.ios软键盘弹出fixed定位问题处理!!!!!!; B:架构类; 1.流程控制-主要解决多个ajax调用依赖问题; 2.面向对象的class方法-方便定义类与集成类; 3.require-实现模块化开发,简单实用; 提示:用!!!!!!标注结尾的在某些场景下可能出现bug;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值