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

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 当我们讨论动画时,我们在讨论什么 由于任务已经截止,无法发布新笔记,原计划另开一坑的color篇现也更新到这里。 transform篇 基本完成了IFE的动画库任务(一),内心是崩溃的。JS补间动画的原理的确很简单,但在实现过程中,才意识到以前用的成熟的动画库,做了多少的工作。 JS动画实现原理 对于多数成熟的动画库,你只需要提供动画的末状态 end 与动画时长 duration,它就能帮你绘制一段缓动动画,其原理很是单纯,大体可以拆成以下几步: 根据你提供的末状态 end,获得元素对应的初状态 begin 通过初末状态,获得状态的变化量 change 定义一个变量来保存动画进行到的时间,如…

    8570次浏览31评论
  • 以前做动画的时候,常常会卡顿, 猜,大致的原因可能是, 浏览器绘制页面的时候, 反应不过来,所以会出现卡顿。汗!!,然后,今天通过这个任务, 了解到了requestAnimationFrame ,通过百度才知道具体的原因。下面是我自己的理解,如果有不对的地方,大家即时指出来,方便我即时的修改。 浏览器绘制页面的时候, 主要是通过两个线程去绘制页面的。 一个是主线程, 一个排版线程。 主线程 通常情况下, 主线线程的负责工作是: 运行javascript 、 计算HTML元素的css样式 、 把页面的元素绘制成一个 或者 多个位图。然后, 把这些位图 移交给 排版线程 (百度了下位…

    2471次浏览40评论