web前端的4大js利器

By | 2010/12/31

js按键事件捕获截图牛顿说过“如果说我看得比别人更远些,那是因为我站在巨人的肩膀上。”在追求敏捷开发的时代,我们也应该善于使用那些开源的客户端脚本,来加速自己的web前端开发。这样的好处不言而喻:减少开发时间,降低开发成本,让我们有更多的偷懒时间去考虑更省力的办法。

自己接触的开源的前台应用不是很多,这里精选了其中比较常用的4个,我想这五个里面至少有那么一两个可以在你的项目中起到事半功倍的效果。如果您也有好的js脚本,也不防留言跟大家一块分享下。

1.Zero Clipboard

这个脚本(只说脚本有点不确切,下面会有解释)的作用是实现“点击”一下就把页面内容复制到剪贴板的功能。可能大家觉得copy页面内容到剪贴板太容易了,这样的代码网上一抓一大把,而且我提供的这破玩意还用到了flash,典型的杀鸡用牛刀。可是,我想说你是否真正用过这些复制到剪贴板的代码,如果用过那么我推荐的这个zeroclipboard绝对是首选。他最重要的是实现了浏览器的兼容性,常见的浏览器都可以使用这个脚本来实现复制剪贴板的功能,而且不会弹出那些杂七杂八的窗口,真正带来好的客户体验。而且现在新的版本还支持带格式的web内容(富内容)的复制,更是如虎添翼。

ps:加个小提示吧,这个可能在本机调试的时候无效,这个是flash的一个安全机制决定的,所以大家试用的时候可以参加官方的demo,或者自己放到线上再测试。

2.js-hotkeys

这个脚本的作用就像名字那样,可以让你轻松的捕获按键事件,并转到你的处理函数,不过这个是一个jquery的插件,对于不实用jquery的开发者可能没有意义。页面配的截图就是这个插件提供的demo的截图,他基本上可以捕获键盘上所有的按键及组合按键,功能实在是强大。这里给出自带的一个测试页面,大家可以试试。

3.ie7-js

脚本的作用就是让超级无语的ie6模拟出ie7的解析效果,项目开始的时候还只有ie7,不过现在也有了ie8和ie9的版本,同时修复了ie6不能对png透明显示的问题。这个脚本的好处是你写的代码只考虑兼容ie7或ie8就行了,调用脚本后ie6就可以正常的解析了,而且效果还很不错。

4.flexigrid

个人只爱juery,所以这也是juery的一个插件,用来呈现数据的,有extjs数据表格的效果。可以分页、排序、筛选、搜索等等,总之太强大了。你想实现的web客户端对数据的操作基本都有了,特别适合大量数据的显示。

3 thoughts on “web前端的4大js利器

  1. SatSun

    我有头像了。。。过来踩雷。。。

    Reply

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据