javascript

Web前端开发QQ群 110939958-业余程序员

system

我忘了是否从哪里看过,或者是否是经典,仅仅是突然想到的,就是这样的

系统

系统

function.delay

扩展一个函数的延时调用
Function.prototype.delay =  function(n, thisObj, args) {
    var me = this;
    args = args instanceof Array ? args : [];
    var f = function() {
        me.apply(thisObj || window, args);
    };
    window.setTimeout(f, n);
}
//示例
function f() {
    alert("hi");
}
alert("两秒之后弹出");
f.delay(2000);
注意第三个是参数数组
第一次用Live Writer写日志,呵呵

各浏览器的鼠标键盘事件整理

这是Window XP(sp3)下的测试结果,如下表:

Key Event
(windows XP)
浏览器 一次触发 连续触发
  控制键 非控制键 控制键 非控制键
IE8/8.0.6001 keydown
keyup
keydown
keypress
keyup
keydown keydown
keypress
FireFox/3.6.2 keydown
keyup
keydown
keypress
keyup
keydown keydown
keypress
Chrome/4.1.249.1042 keydown
keyup
keydown
keypress
keyup
keydown keydown
keypress
Safari/4.0.3 keydown
keyup
keydown
keypress
keyup
keydown keydown
keypress
Opera/10.51 keydown
keyup
keydown
keypress
keyup
- keypress
Mouse Event
(windows XP)
浏览器 单击 双击
IE8/8.0.6001 mousedown
mouseup
click
mousedown
mouseup
click
mouseup
dblclick
FireFox/3.6.2 mousedown
mouseup
click
mousedown
mouseup
click
mousedown
mouseup
click
dblclick
Chrome/4.1.249.1042 mousedown
mouseup
click
mousedown
mouseup
click
mousedown
mouseup
click
dblclick
Safari/4.0.3 mousedown
mouseup
click
mousedown
mouseup
click
mousedown
mouseup
click
dblclick
Opera/10.51 mousedown
mouseup
click
mousedown
mouseup
click
mousedown
mouseup
click
dblclick

浏览器中的key event–ubuntu

测试了一下ubuntu中的浏览器对于键盘事件的触发情况,结果如下:

Key Event
(Ubuntu9.10)
浏览器 一次触发 连续触发
  控制键 非控制键 控制键 非控制键
FireFox/3.6 keydown
keyup
keydown
keypress
keyup
- keydown
keypress
keyup
Chromium/5.0.318.0 keydown
keyup
keydown
keyup
- keydown
keyup
Opera/10.10 keydown
keyup
keydown
keypress
keyup
- keypress

学习canvas

<canvas 是HTML5 中新加入的一个标记
功能是创建一个“画板”对象及一组供javascript使用的API
基本标签的写法是这样的

<canvas width="100" height="100" id="canvas"></canvas>

创建了这个对象以后我们就可以用js来在上面画东西了

首先取得这个对象的引用

var canvas = document.getElementById("canvas");
然后取得绘制对象
var ctx = canvas.getContext("2d");

现在用ctx画一条直线

先把“画笔”放到起始点(0, 0)

ctx.moveTo(0, 0);

然后画线到(50, 50)

ctx.lineTo(50, 50);

把线画出来
ctx.stroke();

就这么简单, 更多的测试看 canvas测试页
Canvas tutorial

余票查询

假前的这几天真得有些无聊,大多数人都走了,留下我们几个看看网页打打游戏……
我把电脑清理了一遍,看到了前几天写的东西,余票查询,一个ajax方式的客户端,呵呵。于是把样式改改,似乎顺眼了一些

程序源码是很乱的,就不要看了。不过功能 上来说,目前,能用。

提供下载: 余票查询客户端

jxConsole更新

本次更新内容:

  1. 智能代码提示
  2. 刷新页面时保留命令历史列表
  3. 修正var 的作用域(现在为window)
  4. 修改执行时页面滚动条跳动的BUG
  5. 修改了一些样式上的问题
  6. 更新了工具的URL

加载器代码已更新:http://www.jatx.net/archives/56