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

唐光尧

商业平台部高级前端工程师,信息流推广平台前端技术负责人。针对系统级别的前端项目,有多年经验,擅长解决大型项目中的多人并行开发,系统架构稳定,系统架构演化等问题。现在重点研究基于数据的前端架构,立志于让前端和大数据产生化学反应。

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

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

24人在学习该课程,有6人已经完成该课程

UI组件之图片裁剪器

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 如下示例图中所示,参考并实现一个图片裁剪器: 可以通过“选择图片”按钮唤起本地图片选择对话框 选中图片后,出现图片裁剪框以及裁剪预览,裁剪框背景使用黑白格画布填充 提供2种裁剪图片的方式:(1)固定宽高度裁剪;(2)自由裁剪。2种裁剪方式可支持用户自由选择,固定宽高度裁剪时,可支持用户输入目标宽、高 将裁剪后的图片以请求方式发送给服务端,服务端生成最终图片,并将其保存在本地 任务注意事项 示例图仅为参考,样式及交互方式不需要完全实现一致 可以合理使用第三方框架、类库,但不可直接使用现成的图片裁剪组件 …

课程结束

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

16人在学习该课程,有5人已经完成该课程

分层画布

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 首先,我们需要能够响应鼠标的画布 鼠标左键按下,相当于画笔落下 鼠标左键抬起,相当于画笔抬起 鼠标左键从按下到抬起,相当于一次用笔,用笔一次会在画布上留下一条折线,或什么都不留下 然后,我们需要能够分层的画布 每用笔一次,相当与在画布上创建了一个透明的层 如果一次用笔什么都没留下,则不创建层,也就是说,在画布上单击鼠标,不会创建新层 后创建的层,浮在画布的最上面,遮挡住先创建的层,但由于层是透明的,可以看到所有的用笔 第三,我们希望可以设置画布的背景色 设置了画布背景色后,画布的背景变为相应颜色 如果…