摘要：
在微软为IE9开发新的JavaScript引擎时，Mozilla也在为Firefox 4.0做着同样的事。IE9的开发代号为Chakra,从最近发布的3个预览版来看，IE9的Webkit Sunspider JavaScript测试成绩一直在稳步提升。毫无疑问，IE9的目标就是成为世界上最快的浏览器。 通过发布Platform Preview 3 Build 1.9.7.8.74.6000，IE... 阅读全文
摘要：
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“，发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助，希望给初次使用Yslow的朋友一些帮助。注：英文不是很好，对着翻译软件翻译的，有不对的地方，大家指正。安装 YSlow先安装 Firebug https://addons.mozilla.org/en-US/firefox/addon/1843Firebug 帮助文档 http://www.getfirebug.com/docs.html.再下载安装 http://developer.yahoo 阅读全文
摘要：
Tahoma 是一个挺漂亮的字体，但是它其实会带来一些问题：1. 由Tahoma显示的中文，在IE 6里，下划线会紧紧的贴住中文字，很难看。2. IE 6下，Tahoma无法正确的设定为13px。它会跟14px一样大。但是其他浏览器没有这个问题。3. 如果一行里同时出现中文和英文，且这一行里有元素被定义了vertical-align属性，在IE 6、7里会导致文字高低不齐，甚至下划线错位。4、斜体... 阅读全文
摘要：
什么是css框架 实际上还是让我们从框架说起吧。框架就是一个你可以用于你的网站项目的基本的概念上的结构体。css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：typography.css基本排版规则grid.css基于网格的布局layout.css通常的布局form.cssfor 表单样式general.css更多通用规则下面一起来了解一下各... 阅读全文
摘要：
以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码：<style>a {}a span {color: green;}a:hover {}a:hover span {color: red; }</style><a href=”http://www.taobao.com“> 淘宝网 ... 阅读全文
摘要：
一、前端优化网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法。之所以在标题上挂一个web2.0，是因为本文更偏重于中小网站的性能优化，我所使用的系统也是典型web2.0的LAMP架构。首先讲讲前端的优化，用户访问网页的等待时间，有80%是发生在浏览器前端，特别是页面和页面中各种元素（图片、CSS、Javascript、flash…）的下载之上。因此在很多情况下，相对于把大量的时间花在艰苦而繁杂的程序改进上，前端的优化往往能起到事半功倍的作用。雅虎最近将内部使用的性能测试工具yslow向第三方公开，并发布了 阅读全文
摘要：
面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的摸索，我总结出了自己的一套很有效的面试前端工程的方法。有的应聘者说我不好对付，但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付，主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西，告诉应聘者怎么才能通过我的面试（Surviving an interview with me）以及优秀的前面工程师应该具备什 阅读全文
摘要：
要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误，就是源于 haslayout。 什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么... 阅读全文
摘要：
/*CSS*/.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}.con{ text-align:left; ... 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文