摘要：想做个直接通过JS获取某个城市的天气。本来想通过直接调用中国气象网的接口：http://www.weather.com.cn/weather/101070201.shtml，但是跨域问题一直无法解决，有谁知道请告诉我。因而改调用腾讯接口，部分源码如下：1functionWeather(){};23Weather.prototype={4 5getWeather:function(city,callback){6 varthat=this,7 cities=Weather.cityParse(),8 code=cities[city]?cities[city]:12... 阅读全文

摘要：浮动元素的水平居中：详情见：http://www.ueder.net/2011/03/15/%E6%B5%AE%E5%8A%A8%E5%85%83%E7%B4%A0%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD/那些年我们一起清除过的浮动：作者将CSS清除浮动的原理、清楚浮动的相关方法及其优缺点都进行了详细的描述和分析！强烈推荐。浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问 阅读全文

摘要：http://kangax.github.io/es5-compat-table/ 阅读全文

摘要：Microsoft Internet Explorder8团队就Alexa排名前100名的网站页面的时间消耗做了一次性数据分享：布局：43.16%渲染：27.25%HTML：2.81%调度：7.34%DOM：5.05%格式化：8.66%JScript：3.23%其它：2.5%Ajax应用：一个email进程的打开过程时间消耗：布局：9.41%渲染：9.21%HTML：1.57%调度：7.85%DOM：12.47%格式化：38.97%JScript：14.43%其它：3.72% 阅读全文

摘要：Google网站访问速度每慢400ms就导致用户搜索请求下降0.59%；Amazon每增加100ms网站延迟将导致收入下降1%；雅虎如果有400ms延迟会导致流量下降5-9%。 Steve研究表明前端问题可能消耗整体时间的80%只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80~90%时间花在了下载页面的所有组件上浏览器是否足够快的定义，下面引述Jakob Nielsen：基于Web应用的响应时间准则和所有其它应用一样。37年来准则毫无变化，所以也不太可能因新技术的出现而发生改变。0.1秒：用户直接操作UI中对象的感觉极限。例如，从用户选择表格中的一列到该列高亮或向用户反 阅读全文

摘要：大多数浏览器是并行下载组件的，但下载外部脚本时，在脚本的下载、解析并执行完毕之前，不会开始下载任何其他内容。下面几种方式既可以使用外部脚本又能避免因阻塞导致的减速影响：（1）XHR Eval（2）XHR Injection（3）Script in Iframe（4）Script DOM Element（5）Script Defer（6）document.write Script Tag代码如下：1varScript={2createXHR:function(){3varxhr;4try{5xhr=newXMLHttpRequest();6}catch(e){7varprogid=['M 阅读全文

摘要：MIME类型（MIME type）是HTTP为每种通过Web传输对象标识的数据格式标签。MIME类型是一种文本标记，标识一种主要的对象类型和一个特定的子类型，中间用一条斜杆来分隔。常见的主MIME类型有：（1）application：应用程序特有的内容格式（2）audio：音频格式（3）chemical：化学数据集（4）image：图片格式（5）message：报文格式（6）model：三维模型格式（7）multipart：多部分对象集合（8）text：文本格式（9）video：视频电影格式例如：text/html:表示HTML文本text/plain：表示普通ASCII文本 阅读全文

摘要：渲染树：表示DOM节点如何显示。在DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点。该节点又叫盒子或帧，符合CSS模型的规定，为一个具有padding、margin、border和position的盒子。一旦DOM和渲染树构建完成，浏览器就开始显示页面。 当DOM的变化影响了元素的几何属性（宽、高、增加行数），浏览器需要重新计算元素的几何属性，同样其它元素的几何属性和位置也因此受到影响。浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树（重排--reflow）。完成重排后，浏览器会重新绘制受到影响的部分到屏幕中（重绘--repaint）。重排（reflow）：（1）添加或删 阅读全文

摘要：当我们在head中的JavaScript脚本依赖于document.body时，就会出现document.body.null的情况!解决办法：将脚本放在body元素的最下方！ 阅读全文