京东资深前端架构师分享前端工程化在电商首页中的实践

  1. 云栖社区>
  2. 博客>
  3. 正文

京东资深前端架构师分享前端工程化在电商首页中的实践

云效平台 2016-05-03 16:06:11 浏览4551
展开阅读全文

大家好,我是京东用户体验设计部前端架构团队的刘威,网上IDputaoshu,非常高兴 “ITA1024团队的邀请,有这样的一个机会与大家分享下我们团队关于2015年京东PC新首页的一些前端开发实践,希望通过今天的讲解能为大家以后在大型前端项目开发和改版时提供一个思路和参考。

 

今天我的讲解主要分为两部分,具体如下:

京东首页前端架构设计与实现

  • 面临挑战

  • 前端页面静态化

  • 前端页面整体架构

  • 前端页面加载策略

  • 前端基础架构

  • 前端工具和系统

  • 前端灾备策略

  • 前端性能优化


前端工程化在电商首页的实践

  • 命令行工具

  • 前端模块

  • 前端组件

  • 前端开发流程

  • 前端文档

  • 实际应用

 

京东首页前端架构设计与实现

面临挑战

  • 页面DOM元素剧增:单个楼层Tab标签由5个到9

  • 页面整体高度翻倍:算上头尾,共计14个楼层,高度也由4820px9862px

  • 页面图片量增加:80%的位置变为图片展示

  • 首屏加载
















































网友评论

登录后评论
0/500
评论
云效平台
+ 关注