百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

4.6 仿饿了么点餐页面

困难

人数49人在学习该课程,有7人已经完成该课程

时间平均用时0.8

课程概述

作业提交截止时间:09-01

任务目的

  • 理解san的运行机制
  • 综合运用html + css + san开发一款单页面应用

任务描述

  • 商品详情页DEMO
  • 完成demo页面当中的点餐页面,包括商品列表,评论列表,商家详情三个子页面。

任务注意事项

  • 使用s-transition在子页面切换,点击菜品等交互中优化体验
  • 实现无线滚动加载列表以及下拉刷新和上滑刷新功能
  • 构造多种用例探究san对于列表渲染的优化机制,同时与vue在渲染列表时的key机制做对比。
  • 页面切换的效果可以使用san-router,也可以使用san提供的动态子组件的功能
  • 考虑页面对于多种尺寸手机的兼容
  • 适当添加缓存,提高整体项目的体验
  • 使用CSS预处理器和后处理器增加css代码的可维护性

在线学习资料

San transition
San动态子组件
再聊移动端页面的适配

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~