影の域

关注web前端,追逐html5脚步,体会code人生

Cross-Origin Resource Sharing

2011 年 07 月 15 日
22,483 点击

[转]利用跨域资源共享(CORS)实现ajax跨域调用

几年前,网站开发者都因为ajax的同源策略而撞了南墙。当我们惊叹于XMLHttpRequest对象跨浏览器支持所带来的巨大进步时,我们很快发现没有一个方法可以使我们用JavaScript实现请求跨域访问,对此我们哀叹不已。每个人在他们自己的网站上建立代理来摆脱这种限制。虽然开发者利用服务器代理和其它技巧避开了这种限制,而在社区的抗议者允许ajax在本地跨域调用。许多人还没意识到当前几乎所有的浏览器(Internet Explorer 8+, Firefox 3.5+, Safari 4+和 Chrome)都可通过名为Cross-Origin Resource Sharing的协议支持ajax跨域调用。 阅读全文

canvas unit

2011 年 03 月 20 日
10,210 点击

HTML5 canvas 初级入门教程

HTML5 canvas 即HTML5画布,是一个现代浏览器都支持的HTML5非插件绘图的功能,本文将展示如何通过HTML5 canvas API操作canvas元素、绘制图形、改变绘图颜色以及删除图形,让我们开始进入这很酷的新技术的短暂旅行吧。 阅读全文

2011 年 03 月 18 日
7,927 点击

原生JSON.parse解析异常问题

昨天开发新类库,做到Json模块,使用了json2官方类为底层,使用中频遇异常,甚是不爽。看了下源码,json2 采用了优化处理机制,优先使用浏览器原生JSON处理。(事实是json自己的实现也如此) 阅读全文

2011 年 01 月 13 日
5,468 点击

MooTools Upgrade from 1.2 to 1.3

This is a list of the API changes made from 1.2 to 1.3. It allows you to drop the compatibility layer mostly by doing search and replace. If you just want to update to MooTools Core 1.3 with your existing code, see Update from 1.2 to 1.3. 阅读全文

2010 年 11 月 25 日
7,114 点击

前端资源文件缓存清除一法

对于前端开发来说,经常要面对JS,CSS,图片等资源的缓存更新问题(CDN永久缓存的就另当别论)。

大部分情况,为了节省服务器压力及带宽且又不失可维护性,习惯对这些资源文件添加比较久的缓存时间,这样就给前端开发人员带来一个自动更新的棘手问题。

其实,较简单的解决办法,就是固定周期或有条件的或每次(这样要缓存何用?)的增加随机数击穿缓存,强制更新即可。

这里说一个也较为简单的方式,利用AJAX的访问来更新本地缓存。

原理很简单,使用http协议的 If-Modified-Since 和 Cache-Control 两个header头参数即可。
阅读全文