August 6, 2009
正常情况下,文件会被写到head区域,不管本页面用得到用不到就要加载,这种方式会造成一次性请求数过多加大block的时间,也容易造成文件字节过大。
延迟加载的方案是通过js在dom需要的位置load文件,比如一些需要用户触发才展示的组件,日历选择,弹出框等。
一个demo
function loadScript(url, callback){
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
function loadCSS(url){
var cssLink = document.createElement("link");
cssLink.rel = "stylesheet";
cssLink.rev = "stylesheet";
cssLink.type = "text/css";
cssLink.media = "screen";
cssLink.href = url;
document.getElementsByTagName("head")[0].appendChild(cssLink);
} August 6, 2009
Typecho是一个国内和WP类似的blog系统,对比WP,速度是嗷嗷叫的,所以弃用了WP,而且发现他的模版做起来很容易,不到两个小时,编码和调试,一个新的皮肤就诞生了。
新皮肤对不同浏览器提供差异化的界面,让支持CSS优秀的浏览器用户享受最佳的用户体验。
以后写博客也尽量避免冗长的废话,几句话切入重点,写着也轻松,别人看着也不累。
GreenGnn.ORG is powered by Typecho))) Valid XHTML