摘要:
以下文章是 翻译 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; 阅读全文