淘宝css js为何写的那样简单的原因总结
看到下面的文章
http://www.chencheng.org/blog/2010/01/06/dev-share-for-taobao-new-homepage/
ppt:http://www.slideshare.net/sorrycc/ss-2838236?from=ss_embed
在前几页写了淘宝css js为何写的那样简单的原因,摘录如下
先看下面的一段html代码
<!doctype html>
<html>
<head>
<meta charset=”gbk” />
<title>Sample page</title>
<link rel=”stylesheet” href=”css_example_url” />
<script src=”js_example”></script>
</head>
<body>
…
</body>
</html>
首先我们注意的到<!doctype html>要比dreamweaver生成的简单多了,解释如下
1.首先doctype的作用
–怪癖模式的开关(★)
–W3C校验
2.为什么选择这种写法?
–简单好记、长度短省流量
–兼容性(IE的”预见性”)
其次<meta charset=“gbk” />也比我们平常见到<meta http-equiv=”Content-Type” content=”text/html; charset=gbk” />的许多简单许多
再次就是看到引入或者写css js的写法时似乎也比我们平常写的少,解释如下
link[rel=“stylesheet”]的type和media属性
script的type属性
默认值，没理由不省去
其余的就是讲了css中Sprites的使用
Sprites的拆分
怎么拆？
–突击队（数据层，影响操作的展现层）
–大部队（不影响操作的展现层）
没有完美的方案