持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第20天，点击查看活动详情
大厂电商基础场景
本章节的内容是：
- 电商基础场景
- 方案设计与实现
- 质量安全保障
- 场景进阶探讨
- 技术点讨论
什么是电商基础场景？
- 难点分析
难点分析
- 首页
- 类目页
- 商品详情页
- 交易下单流程页
- 交易逆向流程页
难点如此之多，那么在开发中我们应该如何介入，又如何进行场景的分解，又有那些难点？
首页
首页需要频繁的进行变更，因为我们需要根据节日活动等情况，进行商品的推荐权重调节，ui变化等
技术要求
- 模块动态化
- 模块配置化
类目页
类目页面，就相对来说稳定很多，因为我们不能频繁进行变更，影响用户的习惯
商品详情页
和首页的要求类似，需要根据节日活动等情况，进行商品的推荐权重调节，ui变化等
技术要求
- 模块动态化
- 模块配置化
交易下单流程页
和商品详情页。需要各种组件进行拼接
技术要求
- 数据表单提交
- 金额的安全显示
- 数据的格式验证
交易逆向流程页
技术要求
- 数据表单提交
- 文本的字符串安全校验
技术归类
- 展示型页面
- 表单型页面
总结
2. 表单型页面方案设计
方案一
node.js 编译时组合模块
-基于react的实现
-基于vue的实现
方案二
浏览器运行时组合模块，就是 类似 amd 的规范形式
总结
- 方案一
- Node.js 编译时模块组装
- 优点:
- Node.js环境下直接生成一份bundle代码
- 浏览器请求少
- 调试方便
- 缺点
- bundle文件代码体积大
- 页面模块调整需要重新编译发布
- 方案二
- 浏览器运行时模块组装
- 优点：
- 代码文件拆分，请求按需加载
- 可在浏览器运行时按需组装页面
- 可通过数据控制模块调整无需编译发布
- 可低成本多家浏览器运行混用组合
