摘要：
以下文章是 翻译 google高效css写法文章地址：http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors使用高效的css样式总体 避免一些低效的key selectors去匹配大量的元素能够加速页面的展现 。细节 当浏览器解析html的时候，它构造了一个文档树来展现所有被显示的元素。它在特定的样式表中去匹配元素，根据标准的css的层叠，继承和顺序规则，在mozilla的实现中（可能其他的也是这样），对于每一个元素，css引擎通过规则去寻找匹配，css引擎评估每一个规则是从右到左 阅读全文
摘要：
这2天整理了下web前端开发工具，如下图结合平时的开发习惯，总结的。工具是提高工作效率的，其实用什么都无所谓。用一两个熟悉的就可以。 阅读全文
摘要：
本文是翻译 https://developer.mozilla.org/en/Writing_Efficient_CSS目录：1.样式系统选择器的分类 样式系统将规则断开为下面4中基本种类 （1）id选择器 （2）class选择器（类别） （3）标签选择器（tag） （4）全局选择器理解这些规则是很重要的，因为他们是选择器匹配的基本单元组成部分。在下面中我讲使用key selector，key selector是选择器的最后的那个部分（它匹配自己，而不是匹配着祖先元素）比如在下面的规则中： a img, div > p, h1+ [title] {…}key selector分别是img 阅读全文
摘要：
select 是列表型元素中的一个很重要的代表。总结下他的一些书写注意事项。1.关于innerHTML ，在ie下不支持innerHTML的形式添加option选项，firefox，chrome是支持的。2.添加option，使用 ele.options.add(option),但是这里的option 可以是new Option(text,value)的形式构造的，也可以是通过原生的函数document.createElement函数创建的。此外add的方式不会覆盖以前的。option不能是html的形式。3.选定特定的一个option的方式 ele.value = option.value; 阅读全文