分类归档:Javascript

《高性能Javascript》读书笔记与实践(1)加载和执行

这是《高性能Javascript》的第一章,主要是讲页面引用的文件的加载和执行,因为本身对这块还是比较熟悉的,不在作太多笔记,同学们也可以看下我的《页面加载时间优化笔记》。

1、闭合标签之前,将所有的<script>标签放到页面的底部,这能确保在脚本执行前页面已经渲染完成了。</script>

2、合并脚本。

3、有多种无阻塞下载Javascrip。

还有,《Facebook网站的Ajax化、缓存和流水线》是一篇很棒的分享,对WPO (Web Performance Optimization)有兴趣的同学必看…

页面加载时间优化笔记

页面的加载速度受HTTP连接方式和浏览器并发Pipeling的影响。

文中描述了不同浏览器对HTTP连接方式的差别和突破浏览器并发Pipeling的限制的方法。

1、可以绑定多个域名来提高静态资源加载速度。2、通过iframe实现proxy来突破ajax请求数量的限制。

简单实用的js调试logger组件

开发js组件的时间调试总是麻烦的,最常用的就是用alert或者debugger来测试js的运行状态。但这两种方式都有它的局限性,alert会有中断,有些时候alert出来的值并不可靠,闭包的时候用alert可能会得到不正确的值。debugger使用起来其实也挺纠结的,只有ie支持。所以最合理的方式是js把运行过程需要调试的值输出到页面,或者写到cookie也可以,这种方式不会有alert中断带来值不正确的问题,也不会受浏览器类型的限制,唯一纠结的是操作起来很麻烦。

于是,有了下面说的这个js组件。这个组件的实现参考了log4net组件的记录方式,我们利用这个js的logger组件,就可以用log的输出的方式来进行你的调试工作了。

扩展js的Date方法

最近项目的部分功能正在重构,前端也基本上推翻了原来的设计,在之前半年的积累上有了新的方案。这几天在做前端的重构和设计,遇到了一些问题。因为这个模块最主要的还是对时间的控制,大量的操作js的Date对象,可是js原生的Date方法太少了,操作起来太不方便。于是打算扩展下Date的prototype

主要增加了Date对象以下方法:addMilliseconds,addSeconds,addMinutes,addHours,addDays,addWeeks,addMonths,addYears,format

期待中的jQuery Mobile终于发布了

为了让移动设备也能用上jQuery,jQuery开发团队发布了jQuery移动设备版开发项目jQuery Mobile Project(http://jquerymobile.com)。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。

对于大名鼎鼎的jQuery开发团队来说,当然要让jQuery Mobile支持全球主流的移动平台,而不仅仅是北美流行的移动平台。想要知道jQuery Mobile项目将要做些什么吗?请看jQuery移动平台策略;想要知道jQuery Mobile项目将会支持哪些浏览器吗?请看Mobile Graded Browser Support。