下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
京东首页前端架构设计关于我刘威(***@putaoshu:微博,微信,github)现就职于京东用户体验设计部(JDC),负责前端架构组曾工作于百度、新浪*大纲面临挑战页面静态化加载策略灾备策略性能优化移动端兼容开发模式工程化面临挑战*面临挑战大流量高并发页面Dom元素剧增楼层tab标签由5个到9个页面整体高度翻倍由4820到9862px页面图片量增加80%的位置是图片展示首屏加载时间要有保证加载时间不能增加…*页面静态化*页面静态化*加载策略一般的前端页面加载策略后端从数据库取出数据,拼装好页面,浏览器加载页面所有HTML元素,并对图片懒加载(lazyload)*加载策略我们的加载策略楼层异步加载+本地缓存把页面按楼层进行拆分,把首屏做为页面框架主体,每个楼层的数据,单独做成数据接口,异步加载。给每个楼层设置默认高度,到达这个区域时请求当前楼层数据文件,对楼层数据文件进行md5(即data-time),并把楼层数据和data-timelocalStorage至本地,如果页面上的data-time和本地的data-time值一样,直接取localStorage,如果不一样,才重新ajax请求数据流程图如下*加载策略*
京东首页前端架构设计 来自淘豆网www.taodocs.com转载请标明出处.
猜你喜欢
- 2024年多导生理记录仪（8导以上）资金筹措计划.. 68页
- 《在企业中的运用》 64页
- 2024年灯具及照明装置项目投资申请报告代可行.. 63页
- 2024年刀熔开关项目投资申请报告代可行性研究.. 63页
- 2024年磁过滤器资金筹措计划书代可行性研究报.. 64页
- 2024年丙二酮资金申请报告代可行性研究报告 66页
- 2024年军标系列射频同轴电缆资金需求报告代可.. 66页
- 2024年高速在线检测设备资金需求报告代可行性.. 70页
- 2024年ABS专用料项目投资申请报告代可行性研究.. 62页
- 高热患儿护理ppt课件 26页
- 健康营养餐馆项目融资方案 36页
- 互联项目融资方案网花店 40页
- 2024年实习周记合集7篇 18页
- 2024年实习介绍信集合15篇 10页
- 2024年宝宝改名申请书（通用23篇） 16页
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 《牛排知识大全》
- 人工智能技术在教育中的课程设计与实施研究..
- (新)北师大版物理八下《9.1杠杆》公开课(课..
- 《结构安装工》
- 护理无菌操作培训ppt课件
- 《低碳城市苏湘鄂》
- 《道路通行能力分析》
- 形容人好的词语2篇
- SYB创业培训课件创业者的人力资源管理与激励..
- 中国科学家小时候的小故事
- 《X射线物理学基础》
- 快乐元旦手抄报5篇
- 大班数学拼图比赛的
- 2024年动力调谐陀螺平台资金需求报告代可行..
- 护理讲课胸痛课件
- 英语劳动节的句子内容短分享72条
- 申请西班牙艺术留学需要满足哪些条件
- 护理管理的ppt课件
- 2024年大豆新品种资金需求报告代可行性研究..
- 2024年冲击试验机资金筹措计划书代可行性研..
- 2024年轨道衡资金需求报告代可行性研究报告..
- 2024年壁灯资金申请报告代可行性研究报告
- 2024年半导体贸易资金筹措计划书代可行性研..
- 养牛人的项目融资方案
- 四年级下册第四单元大单元教学设计
- 各种管道的固定固定ppt课件
- 新版FMEA表单模板(DFMEA&PFMEA)
- 建筑专业评职称论文
- 医患沟通技巧培训-通用课件
- 基于课堂观察的课例研究