分类归档:Web前端

IE里iframe无法读写Cookie的解决方案

在做开心网APP开发的时候,开心网APP是用iframe引用的,在IE中发现不能读写cookie,而在Firefox和Chrome中正常。

因为IE6加入了以Platform for Privacy Preferences(P3P)为基础的 隐私保护功能,用户可以根据cookie的发信方是否提供第一方(信息接收人)还是第三方(共享信息的第三者)、信息的接收及使用、散发的选择项(用户是否拒绝将信息提供给第三者进行二次利用)等相关信息,来调节cookie的接收与否。

只需要设置 P3P HTTP Header,在隐含 iframe 里面跨域设置 cookie 就可以成功。

《高性能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

第 1 页,共 2 页12