简介 目录 评价 推荐
上次学到:认识帧动画

简介

网页中各种酷炫的帧动画一定会吸引你的注意,难道你不想了解背后的实现原理吗。本课程首先介绍了常见的几种帧动画方案以及JS实现帧动画的原理,接下来介绍如何设计一个通用的帧动画解决方案,最后带大家一起实现一个 JS 帧动画库。

评价

23
教程内容是不错的,代码也是高质量的。 只是讲解过程比较差,非渐进式讲解,直接就给出了一个比较完美的最终代码,没有循序渐进的过程,就是敲代码和解释。 如果拆分成每完成一个功能并演示。然后提出需求,再讲解更新功能,不断完善,那就是一个很棒的教程了。
这个课程很棒,难的地方个人觉得是,因为在老师实现之前,不清楚某个功能的功效,靠猜的,其实最后看完,难度并不是很大,主要就是在prototype上挂载各种方法,把数据都存在new出来的实例上保存。每次调用方法之后返回this是为了链式调用。而任务不会被直接执行,而是使用_add方法添加到任务队列,在_add添加任务到任务队列的时候,保存成对象的形式,同时记载任务类型。最后,是由其他方法开始迭代执行这些任务。注意,是迭代而不是遍历。迭代的过程分了4步。值得注意的是,将next以callback的形式放入函数中,所以各种函数必须做成能够处理callback的形式。评论限300字,其他内容略
全部评价

讲师

曾任职百度、滴滴,现担任Zoom前端架构师,推进前后端分离架构方案,同时负责 Zoom 自研组件库。公众号《老黄的前端私房菜》,《Vue.js 技术揭秘》独立作者,《Vue.js 权威指南》主要作者,开源项目 better-scroll 作者。曾主导滴滴开源项目 cube-ui,建立团队技术博客。

课程须知

1、对前端基础知识已经掌握(html、js、css)
2、对前端面向对象编程有一定了解

老师告诉你能学到什么?

1、什么是帧动画及网页中常见的几种帧动画方式
2、原生 JS 实现帧动画的原理
3、如何设计一个通用的帧动画解决方案
4、了解类似 promise的设计思想(异步任务链式调用)
5、面向对象的开发方式和模块化开发思想
6、如何实现图片预加载模块

相关推荐

从0到1全流程落地web游戏大地图项目,成为WebGlS专家
Meo
高级前端开发高级
实战课
123人学习
进阶
读懂IT行业的第一课-IT技术素养提升课-快速蜕变内行人
一品红豆
首席架构师
实战课
90人学习
初阶
职场必备AI课 AI高效办公训练营
忠彬老师
AI 研究与商业应用落地专家
实战课
338人学习
初阶
程序员的 AI 启蒙课,ChatGPT 辅助开发 Vue3 项目
双越
资深前端工程师
实战课
824人学习
初阶
AI大语言模型 ChatGPT从0到1打造私人智能英语学习助手
李恩_Leeon
资深前端研发
实战课
766人学习
初阶

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

查看已购买课程
开始学习 免费