![淘宝新首页开发实践方案网页设计新风向ppt课件_第1页](http://file3.renrendoc.com/fileroot_temp3/2021-12/6/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d7/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d71.gif)
![淘宝新首页开发实践方案网页设计新风向ppt课件_第2页](http://file3.renrendoc.com/fileroot_temp3/2021-12/6/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d7/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d72.gif)
![淘宝新首页开发实践方案网页设计新风向ppt课件_第3页](http://file3.renrendoc.com/fileroot_temp3/2021-12/6/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d7/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d73.gif)
![淘宝新首页开发实践方案网页设计新风向ppt课件_第4页](http://file3.renrendoc.com/fileroot_temp3/2021-12/6/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d7/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d74.gif)
![淘宝新首页开发实践方案网页设计新风向ppt课件_第5页](http://file3.renrendoc.com/fileroot_temp3/2021-12/6/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d7/299d1fdb-a4b2-42ba-bd0f-94bc8327a4d75.gif)
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、新首页开发实际云谦朝阳最好的前列腺门诊jdyy999/nanke/qlxy/一、HTML规范 DOCTYPE的作用 怪癖方式的开关() W3C校验 为什么选择这种写法 简单好记、长度短省流量 兼容性(IE的预见性)区别?mime-type决议权embed css & javascriptlinkrel=“stylesheet的type和media属性script的type属性默许值,没理由不省去 更多HTML规范,参见 /TR/html4/ /TR/html5/ hsivonen.iki.fi/doctype/ (dancewithnet/2021/06/14/
2、activating-browser-modes-with-doctype/ ) code.google/speed/articles/html5-performance.html /blog/68/understanding-html-xml-and-xhtml/二、Sprites淘宝首页 Sprites新浪首页 Sprites“The biggest problem with CSS “The biggest problem with CSS sprites is memory usage.sprites is memory usage. vladimir,a lead
3、er in the Mozilla communitywthitv/1299 * 1500026K75MB+w*h*(3-4)我们的目的是:减少空白用占位标签组织SpritesS : 39处B : 42处废弃、平安、环保流程: 找出一切CSS背景图全部抽取出来确定Sprite宽度随意编排用占位标签组织Sprites优点:性能、任务效率、成就感缺陷:DOM数添加用占位标签组织SpritesLOGO 融入 Sprites (?) 优点 减少一个HTTP恳求 将CSS Sprite的恳求排在最前面 缺陷 不可复制 问题 IE渲染PNG的BUGSprites的拆分(V1)14K?太大了吧!Sprite
4、s的拆分(V2)Sprites的拆分(V3)(5.8K)(10.3K)Sprites的拆分 怎样拆? 突击队数据层,影响操作的展现层 大部队不影响操作的展现层 没有完美的方案ref ajaxian/archives/sprite-me-helping-you-sprite-up-but-maybe-you-shouldnt blog.vlad1/2021/06/22/to-sprite-or-not-to-sprite google/search?hl=en&source=hp&q=test&aq=f&oq=&aqi=g10 (背景图)三、Data-ur
5、i 运用渐变背景的实现渐变背景的实现IE:Filtergecko:-moz-linear-gradient (firefox 3.6(1.9.2)Webkit:-webkit-gradient (safari 4.0(528)Opera? Webkit和Gecko的起始支持版本较高短期功能的背景图短期功能的背景图Sprites 缓存、图片变卦能够性小ref search.yahoo (搜索按钮)四、HTTP恳求队列的控制最先加载 Sprites最先加载 Sprites 处理方案:优先发送Sprites图片恳求 new Image().src = “; (位置?) #feedback-entry
6、 VS. #feedback-entry a需求:需求:默许隐藏,默许隐藏,domreadydomready时判别窗口尺寸决议能否时判别窗口尺寸决议能否显示显示构造:构造:div id=“feedback新首页反响新首页反响#feedback-entry VS. #feedback-entry a#feedback-entry VS. #feedback-entry aref search.yahoo/search;_ylt=A0oGk07HtkJLwHsBbZ.l87UF?p=test&fr=sfp&fr2=&iscqry= (源码里搜new Image()五、延时加
7、载/渲染/执行 延时加载 屏幕外的图片 延时渲染(textarea) 屏幕外的DOM构造 隐藏Tab的DOM构造 延时执行 P4P数据恳求函数六、其他细节CSS的阴影#4f9999990% - 005% - 0d10% - 1a15% - 2620% - 3325% - 4030% - 4d35% - 5940% - 6645% - 7350% - 8055% - 8c60% - 9965% - a670% - b375% - bf80% - cc85% - d990% - e595% - f2100% - ffCSS的图片旋转 留意:IE6下BasicImage不支持非图片元素异步获取数据的容灾处置 我的淘宝数
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 结构力学优化算法:形状优化:多目标形状优化设计教程
- 结构力学数值方法:矩阵位移法:非线性结构分析教程
- 机械设计基础(第3版)课件 第6章 蜗杆传动机构
- 2024年职业院校技能大赛导游业务知识竞赛题库及答案(共80题)
- 互换性与测量技术基础(第3版) 习题-参考答案第2章 尺寸公差与圆柱结合的互换性
- 互换性与测量技术基础(第3版) 课件第3章-测量技术基础
- 教科版五年级下科学时间在流逝
- 《祖父的园子》课件
- 跨境电商客户关系管理 课件 跨境客户满意度管理策略
- 固定资产管理办法
- 装修工程施工进度计划表横道图.xls
- SF_T 0111-2021 法医临床检验规范_(高清版)
- 错题本表格模板
- 某公司汽车零部件作业指导书范例
- 初中英语复习用所给词的正确形式填空
- 欧科模块化风冷冷水热泵机组报警代码和维修步骤
- 工业园区安全生产工作面临的主要问题及应对措施
- 《趣味古诗》PPT课件.ppt
- (完整版)生产设备故障处理流程图
- 基于西门子PLC洗碗机控制系统设计本科论文
- 新港铁路举水河大桥防洪评价0911
评论
0/150
提交评论