大家好,我是京东用户体验设计部前端架构团队的刘威,网上ID是putaoshu,非常高兴 “ITA1024团队”的邀请,有这样的一个机会与大家分享下我们团队关于2015年京东PC新首页的一些前端开发实践,希望通过今天的讲解能为大家以后在大型前端项目开发和改版时提供一个思路和参考。
阿里云最新优惠1折抢购,2核4G云服务器仅799元/3年,新老用户同享,立即抢购>>>
今天我的讲解主要分为两部分,具体如下:
京东首页前端架构设计与实现
-
面临挑战
-
前端页面静态化
-
前端页面整体架构
-
前端页面加载策略
-
前端基础架构
-
前端工具和系统
-
前端灾备策略
-
前端性能优化
前端工程化在电商首页的实践
-
命令行工具
-
前端模块
-
前端组件
-
前端开发流程
-
前端文档
-
实际应用
京东首页前端架构设计与实现
面临挑战
-
页面DOM元素剧增:单个楼层Tab标签由5个到9个
-
页面整体高度翻倍:算上头尾,共计14个楼层,高度也由4820px到9862px
-
页面图片量增加:80%的位置变为图片展示
-
首屏加载