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

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 说实话,一开始看到这个任务内心是相当懵比的——主要就是有两个点一下子没有头绪,但说实话,只要get到这两点的思路,这个任务也就完成了一半了。接下来俺就具体展开一下: 1. 如何渲染颜色选取面板 讲道理我不知道为什么前端技术学院给了这么个示意图,因为这个图根本就取不到所有颜色啊喂! 为什么呢,颜色通常都是由三种成分(so我们最后确定颜色其实就是用三个变量)定义的,因此在我们通常用三维空间来描述颜色模型,RGB,HSL,以及此次任务中我用到的HSV都是这样,弄清楚颜色模型,也就知道该用什么方法来渲染了,下文将详细阐释: RGB(参考维基词条:三原色光模式) 当前表示RGB的主流方法是用三个0-2…

    2525次浏览40评论
  • 做这个选择器之前,我想大概需要想清楚这么几个问题。 1.使用什么技术进行制作 可选方案如下(1)完全使用canvas绘制优点:比起使用css渐变,canvas绘制起来更加容易控制,且渲染效率高,也更方便交互。若使用div渐变色,交互与取色便变得有 些麻烦了。(2)结构完全使用div标签,色板使用css渐变优点:结构易组织,样式易书写,且能做到结构、样式、行为分离。(3)结构完全使用div标签,色板使用小div拼出来优点:。。。。。不可行经过几番思量,我决定色板部分使用canvas,以达到渲染效率高、易交互、效果好的效果。文字区使用div+css+js,以达到结构、样式、行为分离且易交互的效果…

    2605次浏览120评论