摘要：
最近再次重温hasLayout，有如下几点需要注意：1. hasLayout属性是IE专有属性，用于css的解析引擎2. IE下一些复杂的css设置解析起来会出现bug，很有可能是因为hasLayout没有被自动触发3. 通过设置zoom:1 或者 position:relative 可以触发hasLayout4. 在ie6+7下，设置display:inline-block 同样可以触发hasLayout（ie6+7并不支持inline-block，这种实现仅是一种hack技术）......................................................... 阅读全文
摘要：
以下都是对ie6：一直都用iframe来遮挡select，以前一直没有注意到：在使用iframe遮挡select时，select被完全挡住，根本看不见（就算将iframe的opacity=0）针对这个问题网上有几个解决方法：1. 给select外边包一层iframe 如果select过多，似乎这个性能优点问题。2. 给操作dom节点包一层iframe 跟上边差不多。如果不是有特殊要求，直接用iframe将select盖住，就ok了。如果不行，再说特殊方案吧。 阅读全文
摘要：
最近在做定位方面的调研，无意中发现：ie在怪异模式下，某节点node为：position = absolute，其父元素position =static，并且overflow = scroll有趣的现象发生了，node还是为以其父元素为参考对象，而不是默认的body对象。看代码：**************************************************html:<body> <div class="wrapper"> <div class="wrapper-inner"></div> 阅读全文
摘要：
转自：http://blog.csdn.net/zhangxiaoxiang/article/details/765082HTTP 1.1与HTTP 1.0的比较一个WEB站点每天可能要接收到上百万的用户请求，为了提高系统的效率，HTTP 1.0规定浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求。但是，这也造成了一些性能上的缺陷，例如，一个包含有许多图像的网页文件中并没有包含真正的图像数据内容，而只是指明了这些图像的URL地址，当WEB浏览器访问这个网页文件时，浏览器首先要发出针对 阅读全文
摘要：
参考：http://www.cnblogs.com/zllwebjs/archive/2010/03/19/1689980.htmlhttp://www.cnblogs.com/zhangyufeng523/archive/2011/05/09/2041224.html清除浮动方法有好几种，1. 用空div，设置css为clear:both2. 用空br，设置css为clear:both3. 用空br，用原生clear属性以上三种都需要添加额外元素，对dom操作容易产生其他问题（之前做项目确实碰到过空div进行clear带来的烦恼）再来看看先进的方法：/*.clearfix{zoom:1}*/ 阅读全文
摘要：
经过短期的调研，发现不少工具可以做web性能分析工具：大体如下：客户端工具或者插件： Fiddler、 FireBug、 HttpWatch、 HttpAnalyzer、 AolPageTest、 Visual Roundtrip +Microsoft Net Monitor、IBM Page Detailer在线分析网站：（参考：12 个免费在线的 Web 网站性能测试工具 http://www.oschina.net/news/21033/12-free-online-tools-for-website-testing） http://www.webpagetest.org/------. 阅读全文
摘要：
最近读过《高性能javascript》，记录如下：PS： 没有什么JS代码会重要到可以影响用户体验的程度1. 由于浏览器在执行js代码时，会阻塞其他资源的下载2. 无阻塞的脚本 * 延迟的脚本（defer） + 并不是理想的跨浏览器解决方案 * 动态脚本元素 + 通过动态创建script元素来获取脚本 * XHR脚本注入 + 通过ajax请求获取js，然后动态创建script元素，并将responseText附加到script中 + 不能跨域PS：推荐学习开源组件LABjs（开源无阻塞脚本加载工具，可以管理不同脚本的依赖关系）3. 数据访问相关问题 *改变作用域链 ** with和t... 阅读全文
摘要：
网上很多document.execCommand的用法，今天学习了一个很有用的方法：1.try{document.execCommand("BackgroundImageCache", false, true);}catch(e) {}执行这句可以解决ie6不缓存背景图片的问题（IE6默认不缓存背景图片，CSS每次更改图片的位置时都会重新发起图片请求，这样对于视觉上有一定的闪烁）PS：在测试中，确实没有发现ie6多次请求背景图片，囧参见：http://www.cnblogs.com/pansly/archive/2011/07/18/2109449.html 阅读全文
摘要：
最近学习《高性能javascript》，其中对定时器setTimeout的学习总结如下：1. 由于windows系统中定时器的刷新频率为15ms，建议最小延迟时间值为25ms（实际时间为15~30）（定时器的精度问题）2. “UI线程"：功用于执行js和更新用户界面的进程，该线程的工作基于一个简单的队列系统，任务会被保存到队列中直到进程空闲。一旦空闲，队列中的下一个任务会被重新提取出来并运行。3.设置setTimeout，即告诉js引擎先等待一定时间，然后添加一个js任务到UI队列；第二个参数表示任务何时被添加到UI队列，而不是一定会在这段时间后执行；这个任务会等到队列中其他所有任务 阅读全文
摘要：
pathinfo： 获取路径相关信息（dirname、basename、extension、filename）通过dirname获取当前路径的目录信息，通过basename获取当前路径的文件名信息，通过extension获取文件的扩展名信息通过filename获取文件名的前缀信息（出去文件后缀名）通过__FILE__获取当前php文件，在通过上述几个方法就能获取到相关信息 阅读全文
