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

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 裁剪器功能分解2017-03-30 22:59

    刚看到任务时完全懵了,不知道从何下手,在参考了别人的代码后自己完成简单的裁剪器,记录下每个功能点的分析。 绘制背景 要求选择图片后,没有填充图片的区域用透明背景填充。存在这个需求,肯定就要用到canvas了。原理其实挺简单的,就是在canvas上绘制黑色方块,只要绘制时的位置不同即可,白色部分是没有绘制的区域。 下面在一个宽为 600,高为 360 的容器内,绘制宽度为 40 的方块。 const canvas = document.querySelector('#bg') const ctx = canvas.getContext('2d') // canvas 宽高 const width…

    2192次浏览30评论