淘宝新首页开发实践方案（网页设计新风向）.pptxVIP免费

下载本文档

阅读 0
下载 0
格式 pptx
大小 2.98 MB
约47页
2024-05-09
收藏
评论
点赞(0)
海报
举报

在线预览已结束，请下载后查看完整版，加入VIP享文档下载特权

/47

文本预览下载提示常见问题

新首页开发实践云谦一、HTML规范•DOCTYPE的作用–怪癖模式的开关()★–W3C校验•为什么选择这种写法–简单好记、长度短省流量–兼容性(IE的”预见性”)

区别？mime-type决定权embedcss&javascriptlink[rel=“stylesheet”]的type和media属性script的type属性默认值，没理由不省去更多HTML规范，参见http://wiki.ued.taobao.net/doku.php?id=f2e:html_guideref•http://www.w3.org/TR/html4/•http://www.w3.org/TR/html5/•http://hsivonen.iki.fi/doctype/(http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/)•http://code.google.com/speed/articles/html5-performance.html•http://webkit.org/blog/68/understanding-html-xml-and-xhtml/二、Sprites淘宝首页Sprites新浪首页Sprites“THEBIGGESTPROBLEMWITHCSSSPRITESISMEMORYUSAGE.”——vladimir，aleaderintheMozillacommunityhttp://www.wthitv.com/1299*1500026K75MB+w*h*(3-4)我们的目标是：减少空白用占位标签组织SpritesS:39处B:42处废弃、安全、环保优点：性能、工作效率、成就感缺点：DOM数增加用占位标签组织SpritesLOGO融入Sprites(?)•优点–减少一个HTTP请求–将CSSSprite的请求排在最前面•缺点–不可复制•问题–IE渲染PNG的BUGSprites的拆分(V1)14K？太大了吧！！Sprites的拆分(V2)Sprites的拆分(V3)(5.8K)(10.3K)Sprites的拆分•怎么拆？–突击队（数据层，影响操作的展现层）–大部队（不影响操作的展现层）•没有完美的方案ref•http://ajaxian.com/archives/sprite-me-helping-you-sprite-up-but-maybe-you-shouldnt•http://blog.vlad1.com/2009/06/22/to-sprite-or-not-to-sprite•http://www.google.com/search?hl=en&source=hp&q=test&aq=f&oq=&aqi=g10(背景图)三、Data-uri应用渐变背景的实现IE：FilterGECKO：-moz-linear-gradient(firefox3.6(1.9.2))WEBKIT：-webkit-gradient(safari4.0(528))Opera?Webkit和Gecko的起始支持版本较高短期功能的背景图Sprites缓存、图片变更可能性小ref•http://search.yahoo.com(搜索按钮)四、HTTP请求队列的控制最先加载Sprites最先加载Sprites•解决方案：优先发送Sprites图片请求–newImage().src=“”;(位置?)–

#feedback-entryVS.#...

1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。

碎片内容