“前端技术”目录存档
cookie的大小的数量限制
2012年02月19日,星期日利用windows桌面小工具开发的目标提醒组件
2012年01月3日,星期二有条件的可以和我一样,利用windows桌面小工具开发一个专属于自己的目标提醒组件,功能任意哈,有什么想法都可以加进组件。
参考资料:http://apps.hi.baidu.com/share/detail/19091126
很简单,只需要HTML、CSS、JavaScript基础就可以开发。

希望大家有更好的发挥,将windows的东东利用起来。
关于多域增加浏览器并发来提高网页打开速度的话题
2011年12月8日,星期四了解过网站速度优化的同学可能会了解到,浏览器是有并发数限制的:
先总结一下HTTP1.1下主流浏览器在单个主机下的并发连接数:
IE6 2
IE7 2
IE8 6
Firefox2 2
Firefox3 6
Safari 3,4 4
Chrome 1,2 6
Opera 9.63,10.00alpha 4
当然,还有HTTP1.0,不过我觉得没有必要那么做。
下面一个测试并发速度的页面:
http://stevesouders.com/hpws/parallel-downloads.php
上面的数据自网络。
其实在我们的SNS【有料】项目中也采用了这个增加并发的相关方法,其中我们就采用了image.u.china.com域来加载部分资源文件。
但有不足的地方,这里提出几点个人意见:
1、首先根绝我们有料个人首页的加载量,本人认为同时启用3个与为最佳,如果能确定3个域的解析速度一样快,随便选两个在首屏中加载文件,如果不确定,尽可能的选两个解析较为稳定的放在首屏加载文件;
2、这点是比较重要的,我们的有料就犯了这样的错误,启用增加并发的域时请尽量启用新的顶级域【主域cookie污染太严重】,然后不管需要划分多少个域,只需要开设新顶级域的二级域即可。
暂时只想到了这两点,以后有别的想法时再补充。
Notepad++的FunctionList(函数列表)插件中文版下载
2011年12月5日,星期一JavaScript 闭包(Closure)
2011年10月12日,星期三所谓闭包,即是由函数和与其相关联的引用环境组合而成的实体。
所谓引用环境是指在执行程序中的某个点所有处于活跃状态的约束所组成的集合。其中的约束是指一个变量的名字和其所代表的对象之间的关系。那么为什么要把引用环境和函数结合起来呢?这主要是因为在支持嵌套作用域的语言中,有时不能简单直接的确定函数的引用环境。这样的语言一般有如下特性:
a、函数是第一阶值(First-class value),即函数可以作为另一个函数的返回值或参数,还可以作为一个变量的值。
b、函数可以嵌套定义,即在一个函数内部可以定义另一个函数。
上面的叙述比较概念化,下面通过例子来解释闭包:
//code1:
function makePowerFn(power){
function powerFn(base){
return Math.pow(base, power);
}
return powerFn;
}
var square = makePowerFn(2);
alert(square(3)); // return 9
JavaScript命名空间 || 名字空间
2011年10月12日,星期三javascript中的模块和名字空间是不可区分的内容。
这样可以防止同名函数和变量发生冲突, 也可以更方便地管理代码, 就像 .NET 的命名空间 (namespace) 和 Java 的包 (package) 一样.
将光标置于某表单元素的最后
2011年07月29日,星期五在工作中难免要对textarea动态插入一些内容,插入完成后又想让光标定位于textarea的最后,各浏览器对这个的解释有些差异,下面整理了一个兼容浏览器的方法 toTextEnd ,此方法接受一个参数,该参数为要定位光标的目标元素【可编辑表单元素】。
其实理论很简单,在IE中采用createTextRange方法,非IE中采用setSelectionRange方法进行光标定位。
代码中的cn.ie是进行IE检测,使用代码的朋友可以换成自己的方法才会起作用,否则会报错。
看代码:
function toTextEnd(elem){// 将光标置于某表单元素的最后
if(cn.ie){
var range = elem.createTextRange();
range.moveStart("character", elem.value.length);
range.collapse(true);
range.select();
}else{// 非IE情况下将光标置于文本框最后
elem.setSelectionRange(elem.value.length, elem.value.length);
elem.focus();
}
};
限制表单输入长度 汉字为两个字符
2011年03月23日,星期三
第一个为textarea或其他text表单的ID;
第二个为显示输入内容的ID,可留空;
第三个为最多输入的字符,一个汉字为2个字符。
“\v” != “v” 号称最简短的IE判断失效
2011年03月23日,星期三“\v” != “v” 这个曾是最简短的判断是否为IE的方法,但是现在在IE9中失效了,请喜好这个的同学慎用。
“\v” != “v” 这个返回true,曾代表不是IE浏览器,但是现在IE9也返回true