浏览器 cookie 限制

一、浏览器允许每个域名所包含的 cookie 数:

Microsoft 指出 Internet Explorer 8 增加 cookie 限制为每个域名 50 个,但 IE7 似乎也允许每个域名 50 个 cookie(《Update to Internet Explorer’s Cookie Jar》)。
Firefox 每个域名 cookie 限制为 50 个。
Opera 每个域名 cookie 限制为 30 个。
Safari/WebKit 貌似没有 cookie 限制。但是如果 cookie 很多,则会使 header 大小超过服务器的处理的限制,会导致错误发生。

注:“每个域名 cookie 限制为 20 个”将不再正确!
二、当很多的 cookie 被设置,浏览器如何去响应。除 Safari(可以设置全部cookie,不管数量多少),有两个方法:

最少最近使用(least recently used (LRU))的方法:当 Cookie 已达到限额,自动踢除最老的 Cookie ,以使给最新的 [...]

... 6 条评论 »

密码强度规则(仿 google)

一、密码长度:

5 分: 小于等于 4 个字符
10 分: 5 到 7 字符
25 分: 大于等于 8 个字符

二、字母:

0 分: 没有字母
10 分: 全都是小(大)写字母
20 分: 大小写混合字母

三、数字:

0 分: 没有数字
10 分: 1 个数字
20 分: 大于等于 3 个数字

四、符号:

0 分: 没有符号
10 分: 1 个符号
25 分: 大于 1 个符号

五、奖励:

2 分: 字母和数字
3 分: 字母、数字和符号
5 分: 大小写字母、数字和符号

最后的评分标准:

>= 90: 非常安全
>= 80: 安全(Secure)
>= 70: 非常强
>= 60: [...]

... 15 条评论 »

比较文档位置

一个很棒的 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) {... 5 条评论 »

YUI: Effects Widgets

YAHOO.widget.Effects 基于 YUI 实现的 Effects 库,记录一下。
http://blog.davglass.com/files/yui/effects/
用这个库可以很好的改善网站某些视觉效果,当然使用适当为上,画龙点睛即可。

... 4 条评论 »

背投广告代码的完善

对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用户行为的弹出窗口(即 onload 时,直接window.open ),会被浏览器默认拦截。
背投广告,既然被称为广告,那如何才能让广告主的钱花得实在,花得乐意呢?
我们可以增加判断,如果该弹出窗口被浏览器拦截,则只要用户点击页面就触发 window.open 事件,这样一般不会拦截,浏览器会认为这是用户的默认行为。
代码可编写如下:
var $E = YAHOO.util.Event;
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
if (adPopup) return;
if(sName == undefined) {
sName = ‘_blank’;
};
if(sFeatures == undefined) {
sFeatures = ”;
};
if(bReplace == undefined) {
bReplace = fal... 13 条评论 »

通过 Dom 方法提高 innerHTML 性能

function replaceHtml(el, html) {
var oldEl = typeof el === “string” ? document.getElementById(el) : el;
/*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点
oldEl.innerHTML = html;
return oldEl;
@*/
var [...]

... 8 条评论 »

(译)函数般调用正则

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 的对象... 7 条评论 »

详解new function(){}和function(){}()

情景一:
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 直接量,... 9 条评论 »

JavaScript入门学习书籍的阶段选择

对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由。
在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到入道,对于 JavaScript 书籍的认识或许还有些借鉴价值。
入门推荐首选书籍:《JavaScript DOM 编程艺术 》
当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨。好的入门书,对你未来的编程都会有着深远的影响。此本书不辜负这个历史使命。
更详细的评论可以看 Realazy 在豆瓣上的评论在 豆瓣 上的评论《通往终点的过程与终点本身同样重要》
基础学习书籍:《JavaScript 权威指南》
《JavaScript DOM 编程艺术》只是入门,介绍了编程思想和很简单的程序语法以及 DOM 的基本方法。而《... 15 条评论 »

来自经典论坛的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的小小考题

... 5 条评论 »