分类目录 ‘JavaScript’

最近在用 Jasmine 给 KISSY 项目添加测试代码,遇到一个困惑:如何保证测试能完整覆盖到源码的所有分支?

用 Google 搜索了下 Coverage 工具,琳琅满目。有商业版的 JavaScript Coverage Validator, 还有 FireBug 的不少扩展 JavaScript Code Coverage Tool for Firebug. 美中不足是,这些要么要花钱,要么已停止更新,杯具。

最后将目标锁定到免费开源一直更新的:JSCoverage. 不用不知道,一用立刻相见恨晚。下面简单介绍下。

下载安装非常简单,到 这里 下载 window 版本。完成后,将压缩包里的 jscoverage.exe 复制到 C:\Windows\System32. 安装完毕。
(全文 …)

关于插件:
一个基于jQuery的弹出层。支持拖拽,内容为文字,ID,图片,URL,框架;
2.0已重写代码。兼容性就测了IE和FF。其他的懒得去测了。这个版本已解决了IE6下不能Fixed定位的问题
参数JS代码里已作注释,这里不再复述;所有参数都为可选。就这么多了;有问题大家留言或发邮件给我!

最新更新:(2010-11-22)
1.修复IE6下不能遮住下拉菜单的BUG
2.修复IE6下不能固定定位问题

详细的看演示页吧:http://www.iwanna.cn/examples/js/jquery-tipswindow/index.html

作者:断桥残雪

今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单 的jQuery checkbox全选反选插件,希望对大家有用。
如果是简单的实现checkbox的全选与反选可以使用下面的函数:

 function checkall(obj,cName)
 {
     var checkboxs = document.getElementsByName(cName);
     for(var i=checkboxs.length;i--;){
             checkboxs[i].checked = obj.checked;
     }
 }
//使用方法:给全选的按钮加onclick事件:onclick="checkall(this,'all[]');"

(全文 …)

一款基于JavaScript的网页版塔防游戏,虽然界面仅是由点线面组成,但它包含了正统塔防游戏的所有要素,反而显得更简单直接。由于是 JS打造,所以要使用IE9、Opera或Chrome浏览器才可以流畅运 行。游戏的动画效果很漂亮,自带三种模式:Arcade(默认地图,开局钱少)、Challenge(挑战模式,依次解锁 十张地图)、Perfection(完美自虐模式,金钱有限,用完为止)。

基于JavaScript的网页版塔防游戏 | iwanna.cn 我想网
(全文 …)

JQueryTools是 一组基于JQuery构建的用户界面常用组件的集合。通过使用jQueryTools,网站前端开发无疑会 变得更加高效。值得注意的是,jQueryTools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:
JqueryTools包含如今网站六个最有用的JavaScript工具。它的一个优点是所有这些工具可 以一起使用、扩展、配置和样式化。
最终,通过它你可以制作出众多不同的网站部件,或用个人的方式创造新的应用。
下面是JqueryUI包含的工具列表:

  1. 选项卡功能(Tabs)
  2. 提示工具条功能(ToolTips)
  3. 信 息滚动功能(Scrollable)
  4. 遮罩效果(overlay)
  5. 突出效果(expose)
  6. Flash 嵌入
  7. 表单验证(Validator)
  8. 范围选取(Rangeinput)
  9. 日期选择 (Dateinput)

(全文 …)

这里有一个人 脸识别的Javascript,感觉挺酷的。识别的还是很不错的,网友们在做了很多的测试,对于动画片里的人员很不准,而且,照片质量要好一点的会准一点。下面是一些识别结果:

一个人脸识别的Javascript
(全文 …)

Snippet jQuery Syntax Highlighter 是一个建立在SHJS的 开源插件,Snippet提供了简单而且快捷的方法,可以方便的为你带来高亮语法的提示.可以在IE 6, IE 7, IE 8, FF 3.6, 6.0, Safari 5.0, Opera 10.62中运行.


先简单为你讲一讲它的用法.在官方的网站也已经有了详细的介绍,这里就稍微翻译一下它所提供的例子.
(全文 …)

上传文件和图片是许多网站的一个常用功能,无论是让注册用户上传一个个人资料图片还是上传文件共享,都离不开上传程序,虽然有很多种实现方法,但要 让上传看起来更酷一点,如显示剩余时间,同时上传多个文件,以及使用拖放式操作,或上传功能更稳定一点,也许你就没招了,没关系,本文就为你介绍10个功 能强大,易于使用的Ajax jQuery文件上传程序,注意有些除了使用Ajax jQuery外,还结合了其它技术,如Flash。

1、 Valums AJAX Uploader

10个强大的Ajax jQuery文件上传程序 | iwanna.cn 我想网 002
(全文 …)

你如果访问过一些英文网站,应该知道JSNES, 一个用Javascript写成的小霸王游戏机模拟器。这个模拟器让人们知道了三件事。JavaScript很强大,Opera/Chrome的JS引擎 够强、Firefox太慢,什么样的电脑能做到上网不卡。现在配合HTML5的JavaScript更为强大。

这里有一系列教程,讲述如何用 JavaScript来写一个Gameboy模拟器,详尽描述了从一开始模拟CPU,到最后运行俄罗斯方块的过程。

用JavaScript来写Gameboy模拟器

Mozilla之前从来没有对Firefox的速度进行过什么讨论,不过日前Mozilla工程师Asa却在“我们快吗?”一文中 首次表示, 4在Sunspider测试中是得分最高的,超过了Google 苹果不久前发布的 Safari 4采用了全新的Nitro引擎,而Google的V8引擎也在不断升级,不过Mozilla的JägerMonkey引擎(Firefox 4所采用的JavaScript引擎)在权威JS引擎性能基准测试Sunspider中的成绩却超过了Nitro和V8。

根据Mozilla的测试,JägerMonkey引擎成绩为350.8ms,Chrome为356.5ms,而Webkit成绩为 369.7ms(得分越低说明浏览器越快)。

Firefox 4最新JS引擎比Chrome快
(全文 …)