帖子标记 ‘JavaScript’

你如果访问过一些英文网站,应该知道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快
(全文 …)

 

诡异的浏览器兼容

作者: seasun

(一) 在IE下用getAttribute来获取class属性要使用getAttribute(“className”)。非 IE,getAttribute(“class”)

令,IE8下已经支持用getAttribute(“class”)来获取了 。

(二) src=”"在IE下会发出自动请求当前页面所在路径的请求。

(三) 如果页面是GBK,js是utf8引入js的时候 type=”text/” charset=”utf-8″如果javascript后面多了个空格导致IE下页面脚本错误,FF没有这个错误。

(四) 在IE下setAttrbute不支持设置style、事件、对象,可以使用类似.style.display这样的写法来兼容。

(五) js文件是utf-8,css文件是ansi,编码不一致的情况下会有兼容问题。如,会导致在ie6下,设置className失效。

(六) 不同浏览器对属性的大小写敏感问题存在不一致的情况,如IE不敏感。尽量统一成一种写法。

这里提供一些javascript检测代码,用于检测iPhone、iPod、iPad设备。

// Apple detection object
var Apple = {};
Apple.UA = navigator.userAgent;
Apple.Device = false;
Apple.Types = ["iPhone", "iPod", "iPad"];
for (var d = 0; d < Apple.Types.length; d++) {
var t = Apple.Types[d];
Apple[t] = !!Apple.UA.match(new RegExp(t, “i”));
Apple.Device = Apple.Device || Apple[t];
}
// is this an Apple device?
alert(
“Apple device? ” + Apple.Device +
“\niPhone? ” + Apple.iPhone +
“\niPod? ” + Apple.iPod +
“\niPad? ” + Apple.iPad
);
也可以使用类似的PHP代码在服务器端检测,具体方法可以查看How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website

js/jquery 获取url参数

作者: seasun

js代码:

function GetQueryString(name)
{
var reg = new RegExp(“(^|&)”+ name +”=([^&]*)(&|$)”);
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}

URL的参数&参数名1=XXXX&参数名 2=XXXX&参数名3=XXXX

alert(GetQueryString(“参数名1″));
alert(GetQueryString(” 参数名2″));
alert(GetQueryString(“参数名3″));
(全文 …)

一、俗耐的开篇语

关于下拉菜单的可用性问题,我之前一直都是忽略的,可以说是不知道,常常仅仅止步于眼前的效果上。前段时间看到了Roger的”Accessing Nav Drop-Downs“一文,就是讲了下下拉菜单的可用性问题。同时,巧的是, 最近在看淘宝UED翻译的《ppk谈JavaScript》一书,其多次提到了可访问性的问题,尤其在p28~p37对JavaScript及其一些可用 性问题发表了自己的看法。其中主要的观点和注意事项与Roger的文章是一致的。
这些阅读的经历让我意识到自己长时间忽略下拉菜单的可访问性,于是开始结合实际情况,思考自己以后需要注意和提高的地方。这让我对下拉菜单 实现方式选择、标签的使用等有了更加明确的认识。不太成熟的思考,仅用于交流。再具体讲述下拉菜单的可访问性之前,先简单说说下拉菜单以及下拉菜单的实现 吧。
二、关于下拉菜单及其实现
百 度百科对“下拉菜单”一词的解释是:以条形菜单栏和菜单栏中每个菜单项的弹出菜单窗口两部分组成,一般作为应用系统的主菜单使用。
(全文 …)

植物大战僵尸网页版的出现,对办公一族来说是天大的好消息!直接打开网站就可以玩风魔全球的植物大战僵尸了,不需要下载几十M的游戏程序。据说植物大战僵尸网页版是由国内一女程序员(辣妈)用JS写成的,现在已完成9关,与PC版的相似度居然可以达到百分之90以上!佩服~膜拜~

植物大战僵尸网页版(Javascript) | iwanna.cn 我想网

植物大战僵尸网页版:http://www.lonelystar.org/pvz/

又10款令人惊奇的 5和javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用Flash做,但是现在,已经很轻松的就可以实现 了。
之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍,它们奇幻、炫丽,还是收藏了和大家一起分享吧。:-p
等会,大家要记得用高版本的一些浏览器哦,要不看不到效果的,我用的是Firefox3.5.11。

个人非常喜欢Breathing GalaxiesFlowerPower,真得很炫,你喜欢 哪款呢?
(全文 …)

对于所有的blogger来说算是一款不错的CMS,因为它易于使用和管理,尤其是插件和其他应用设置。下面列出的是25个免费的WordPress图片相册插件,这些插件全都能在WordPress插件页面上找到,用这些插件你可以很方便的在你的站点上显示和管理你的图片相册和 幻灯。

Dynamic Content Gallery

25个免费的WordPress图片相册幻灯插件
(全文 …)