我才12岁 ?

本月前端 Tips:

4.1 - 4.2


23.【JS】在遍历Dom结构时，应该尽量避免修改Dom，比如在遍历的时候不断的增加元素，可能会造成无限循环，每次修改都是实时更新的，如果有需要可以先建立一个静态列表进行遍历。

24.【CSS】在ie中如果设定了li元素的height,则项目列表中的序号不正常,而且list-style-position:inside;失效

4.6 - 4.9

25.【Mobile】GIF、PNG、TIFF最大尺寸上限是300万像素，也就是说，确保width  height ≤ 3  1024 * 1024。JPEG二次采样（颜色压缩）后的最大尺寸上限是3200万像素（王卓）

26.【JS】如果一个元素的 display 样式被设置为 none，即使其内容变化也不再需要重绘此元素，因为根本就不会显示此元素。可以利用这一点，当我们要显示某个盒子并且要修改其内容时，先修改后再显示，减少reflow。

27.【Mobile】canvas元素的最大尺寸上限是3百万像素，canvas对象的默认宽高是150 x 300像素。（王卓）

28.【JS】绝对不能为Object.prototype添加属性，所添加的任何属性和方法都可以通过for/in循环枚举，当一个对象被当做关联数组使用时将会带来很大的问题。

4.12 - 4.16

29.【Mobile】JavaScript执行时间限制在10秒之内，如果脚本执行时间超过10秒的话，Safari会在一个随机位置强制停止执行，可能会导致意想不到的后果。（王卓）

30.【CSS】针对所有IE浏览器的hack：\9，仅针对IE8的hack：\0。

31.【Mobile】单个资源文件必须小于10MB，适用于HTML、CSS、JavaScript、非流格式媒体。一次性打开最多的页面数量是8个（慎用Framesets）（王卓）

32.【CSS】如果一个盒子里只有图片，那么font-size的定义在现代浏览器下会影响到盒子的高度，设置line-height在现代浏览器下可以让图片垂直居中，而在ie6、7下则需要设置font-size来达到目的。

33.【JS】focus和blur事件不支持冒泡，但是它支持捕获，所以在事件代理中我们可以使用捕获，但是ie不支持捕获，ie可以通过focusin和focusout这两个专有事件来代替，它们是支持冒泡的。

4.19 - 4.23

34.【JS】需要做页面刷新的时候推荐使用location.replace和location.href两个方法，而不推荐使用location.reload和history.go(0)，因为这两个刷新相当于按F5刷新，有表单提交的页面很容易会给出是否重复提交表单的提示。

35.【CSS】关于ie的专有属性behavior，最近在cssbeauty上有一篇相关文档，大家可以看下，不推荐这种方式：http://fetchak.com/ie-css3/

36.【CSS】可以使用 @-moz-document url-prefix() {} 来单独为 Firefox 做样式定义。

37.【CSS】important! 的优先级高于任何其他样式定义。

38.【JS】使用Array.join在Internet Explorer中进行字符串连接操作是最快的; 而+= 或者 String.prototype.concat.apply(object, arguments) 在其他浏览器中表现得更好。详细测试数据参见：
http://www.sitepen.com/blog/2008/05/09/string-performance-an-analysis/ （赵成阳）

4.26 - 4.30

39.【JS】String.fromCharCode是String函数的一个静态方法，所以每次使用的时候都要按照 String.fromCharCode(num1,num2,...)这样的方式去使用。（此方法是用来反解码charCodeAt()生成的数字的）（涵宇）

40.【HTML】页面在载入图像的时候并不知道图像的尺寸，所以刚开始仅显示混杂在一起的问题，图片完全在载入后才会显示图片，这样在网速极慢的情况下就会造成页面的跳动，如果确定图片的大小尺寸的话，应该在img标签上设置宽高，这样的话可以在页面载入时会预先留好位置，避免发生类似问题。

41.【JS】关于Preload的一篇文章：http://www.phpied.com/preload-cssjavascript-without-execution/

42.【CSS】对于input框，在定义高度后在ie下会出现各种很怪异的问题，所以我们一般不定义input框的高度，通过padding值来控制。

43.【JS】toFixed 方法返回一个以定点表示法表示的数字的字符串形式，但是有一点需要注意的是，各浏览器下返回的值会稍有不同，有些会进行四舍五入，而有些是进行直接截取，解决的方法一是重写这个方法，二是在进行相应操作时先乘以10的n次方，然后再转化为小数。

这篇文章发布于 2010年04月30日，星期五，11:18，归类于 编码。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。