Hedger Wang 在国内 blog 上得到的方法:使用 try … finally 结构来使对象最终为 null ,以阻止内存泄露。
其中举了个例子:
function createButton() {
var obj = document.createElement(”button”);
obj.innerHTML = “click me”;
obj.onclick = function() {
//handle onclick
}
obj.onmouseover = function() {
[...]
...
4 条评论 »
2008-7-3 下午 - JS/Ajax/AS/Flex - IE6 - javascript
@import ‘http://www.planabc.net/demo/slideshow/slideshow.css’;
下面是幻灯片效果的 样例 :
显然,效果很实用。对于这个效果,我们并不解释如何去使用效果库,而是讲解如何创建类似的效果,并保持他的可用性,分离式(unobtrusive),可维护性(让未来的维护者,在不需要修改你的脚本的情况下,修改图片,外观或文本标签)。
无 JavaScript 状态下,用户将看到下面的效果:
添加和移除图片、改变图片的顺序以及添加标题,这些在 HTML 中都很容易做到。并且最后的解决并不意味着维护者需要懂任何 JavaScript 或者在源码中搜索在哪里修改 CSS 的 class, id 或者文本标签。
你有没有准备好花费一些时间去一步一步的尝试创建这个效果?
第一步:分析问题(Analizing the problem)
创建一个好的脚本,第一步应该是去分析哪些是... 11 条评论 »
2008-6-18 下午 - JS/Ajax/AS/Flex - javascript - slideshow
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器)。
1、DOMElement.contains(DOMNode)
这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另一个 DOM Element 中。
当尝试优化 CSS 选择器遍历(像:“#id1 #id2”),这个方法很有用。你可以通过 getElementById 得到元素,然后使用 .contains() 确定 #id1 实际上是否包含 #id2。
注意点:如果 DOM Node 和 DOM Element 相一致,.contains() 将返回 true ,虽然,一个元素不能包含自己。
这里有一个简单的执行包装,可以运行在:Internet Explorer, Firefox, Opera, and Safari。
function contains(a, b) ... 4 条评论 »
2008-4-1 下午 - JS/Ajax/AS/Flex - javascript
Firefox 包含了一个非标准的 JavaScript 扩展,使正则像函数一样可调用。这为调用正则的 exec 方法提供了便捷。例如,在 Firefox中,regex(”string”) 等同于 regex.exec(”string”)。曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中,但后来的在 ES4-discuss mailing list 的讨论中,这个建议可能被废除。
然而,你可以通过增加 call 和 apply 方法到 RegExp.prototype 中类似的现实这些方法。既有助于功能设计,又可实现对函数和正则表达式均有效的隐藏类型(duck-typed )代码。因此,让我们增加这些方法。
RegExp.prototype.call = function (context, str) {
return this.exec(str);
};
RegExp.prototype.apply = function (context, args) {
return this.exec(args[0]);
};
注意上面的两个方法完全忽略 context 参数,你可以提交 null 或者 任何其他作为 context 的对象... 4 条评论 »
2008-3-3 下午 - JS/Ajax/AS/Flex - javascript - 正则
情景一:
var yx01 = new function() {return “圆心”};
alert(yx01);
我们运行情景一代码,将返回显示“[object object] ”,此时该代码等价于:
function 匿名类(){
return “圆心”;
}
var yx01 = new 匿名类();
alert(yx01);
我们对情景一的代码进行下面改造:
var yx01 = new function() {return new String(”圆心”)};
alert(yx01);
我们运行,将会发现返回的是“圆心”,这是为什么呢?
只要 new 表达式之后的 constructor 返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象。(谢谢 Lunatic_Sun ,描述更精准点)
由于 new String 会构造一个对象,而不是一个 string 直接量,... 3 条评论 »
2008-2-20 下午 - JS/Ajax/AS/Flex - function - javascript
对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由。
在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到认识,对于 JavaScript 书籍的认识或许还有些借鉴价值。
入门推荐首选书籍:《JavaScript DOM 编程艺术 》
当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨。好的入门书,对你未来的编程都会有着深远的影响。此本书不辜负这个历史使命。
更详细的评论可以看 Realazy 在豆瓣上的评论在 豆瓣 上的评论《通往终点的过程与终点本身同样重要》
基础学习书籍:《JavaScript 权威指南》
《JavaScript DOM 编程艺术》只是入门,介绍了编程思想和很简单的程序语法以及 DOM 的基本方法。而《... 4 条评论 »
2008-1-30 下午 - JS/Ajax/AS/Flex - javascript - 书籍
<script>
function foo(){
foo.abc = function(){alert(’def’)}
this.abc = function(){alert(’xyz’)}
abc = function(){alert(’@@@@@’)};
var abc = function(){alert(’$$$$$$’)}
}
foo.prototype.abc = function(){alert(’456′);}
foo.abc = function(){alert(’123′);}
var f = new foo();
f.abc();
foo.abc();
abc();
</script>
请尽量不执行,试着直接给出结果并给出理由。
这道题可以帮你温习很多内容(对象、类、原型、作用域、优先级等等),同时部分朋友也能学到很多知识。
更多请看:javascript的小小考题
...
0 条评论»
2007-9-20 下午 - JS/Ajax/AS/Flex - javascript
网上有这样一道题目:
一个字符串String=“adadfdfseffserfefsefseetsdg”,找出里面出现次数最多的字母和出现的次数。
经典的解答思路为:取出字符串的第一个字符(首字母),利用的字符串的 replace 方法将符合正则表达式(第一个字符)替代为空,此字母出现的次数为原始的字符串长度减去替代后的字符串长度。循环迭代找出长度最长的字母。
<script type=”text/javascript”>
var str =”adadfdfseffserfefsefseeffffftsdg”; //命名一个变量放置给出的字符串
var maxLength = 0; //命名一个变量放置字母出现的最高次数并初始化为0
var result = ”; //命名一个变量放置结果输入
while( str != ” ){ //循环迭代开始,并判断字符串是否为空
oldStr = str; //将原始的字符串变量赋值给新变量
getStr = str.substr(0,1); //用字符... 1 条评论 »
2007-9-5 下午 - JS/Ajax/AS/Flex - javascript