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

刘超凡

百度内容运营生态部前端工程师,喜欢酷炫的新技术,努力寻找任何提高开发效率的解决方案

共发布 1个任务,已经有 90名学生在这里学习上课
课程结束

难度:进阶时间:大约需要4

41人在学习该课程,有12人已经完成该课程

3.2日历组件

任务目的 练习综合运用HTML,CSS,JavaScript实现功能 练习对于表单组件弹出层的管理 练习对于日期操作的抽象与封装 任务描述 参考基于vue的组件库element的DatePicker(http://element.eleme.io/#/zh-CN/component/date-picker) 输入框获取焦点的时候,在输入框下方弹出浮层 滚动时,浮层始终处于输入框的下方 当剩余高度不足以容纳一个日期浮层的时候,日历浮层折叠到输入框上方 浮层的相关样式和逻辑尽量解耦 日历当中的日期可以根据使用者传入的条件设置为Disabled状态 在实现单个日期选择的基础上实现日期范围的选择…

课程结束

难度:困难时间:大约需要5

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

4.6 仿饿了么点餐页面

任务目的 理解san的运行机制 综合运用html + css + san开发一款单页面应用 任务描述 商品详情页DEMO 完成demo页面当中的点餐页面,包括商品列表,评论列表,商家详情三个子页面。 任务注意事项 使用s-transition在子页面切换,点击菜品等交互中优化体验 实现无线滚动加载列表以及下拉刷新和上滑刷新功能 构造多种用例探究san对于列表渲染的优化机制,同时与vue在渲染列表时的key机制做对比。 页面切换的效果可以使用san-router,也可以使用san提供的动态子组件的功能 考虑页面对于多种尺寸手机的兼容 适当添加缓存,提高整体项目的体验 使用CSS预处理器…