设计通用帧动画库_原生 JS 实现帧动画库-慕课网

解锁即可观看《大前端》完整课程视频

立即解锁

大前端

1个业务场景打通全端、全栈、全流程，实现全局思维与综合技术能力全面突破；对标阿里P6，8个月成为前端高级人才

【第1周】认识大前端，全栈开发初体验

【第2周】企业标准的开发环境搭建

【第3周】NoSQL数据库的设计与集成

【第4周】JWT登录鉴权—通用登录模块后端开发

【第5周】团队协作-文档管理与缺陷控制

【第6周】团队协作-版本管理

【第7周】团队协作-自动化流程

【第8周】全栈开发—首页模块

【第9周】 全栈开发—用户中心

【第10周】全栈开发—发贴/回帖模块

【第11周】消息中间件开发（WebSocket通信）

【第12周】组件化思想进阶：iview上手文章管理

【第13周】中后台权限系统：前端权限设计方案

【第14周】中后台权限系统：基于角色&菜单权限设计

【第15周】首页可视化图表与日志服务

【第16周】WebApp页面设计与开发

【第17周】Vue3全家桶+Vite开发工具

【第18周】前后端项目Vue3重构

【第19周】性能优化（服务端渲染）

【第20周】uniapp开发(首页/菜单定制/搜索)

【第21周】uniapp开发(登录、详情、个人中心)

【第22周】uniapp内容安全、订阅消息

【第23周】小程序支付专题

【第24周】跨平台框架Flutter2与状态管理方案

【第25周】封装请求&数据持久化方案&路由

【第26周】Flutter 后台消息&打包上线

【第27周】Electron桌面端与主流的框架

【第28周】Electron桌面端-社区业务集成

【第29周】React17新特性

【第30周】React-Hooks&状态管理方案

【第31周】React组件库设计&工程化

【第32周】React工程化&性能优化

ustbhuangyi

Web前端工程师

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

讲师课程

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

实战课高级 2229

下一代前端开发语言 TypeScript从零重构axios

实战课中级 2629

Vue.js 源码深入解析深入理解Vue实现原理

实战课高级 4984

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

实战课高级 5432

提问题

提交

其他问答

查看更多本节问答

写笔记

公开笔记

提交

问答
评论
笔记

全部精华我要发布

var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];这些位置市那么得到的？

已采纳回答 / 风之伤水之痕

这些数值其实是ui设计师制作图片时定的每一帧图片的位置，可以在ps中去量取，是ui设计师给你的。不过网上也有些工具可以读取雪碧图的位置，你可以百度一下

1 回答 1463 浏览

2016-08-23

同步和异步任务的区别

已采纳回答 / ustbhuangyi

首先，要理解JS是单线程的。也就是说，在一次Event Loop中，会同步执行完所有JS代码。同步任务是在一次Event Loop中执行的JS代码，去完成相应的“任务”。异步任务不是一次Event Loop可以做完的，通常JS有几种方式实现异步，如异步ajax请求，setTimeout，requestAnimationFrame等。动画库这个案例中，我们引入了“任务链”这个概念，把一些同步异步的“任务”添加到任务链上。所有通过timeline创建的动画都是异步任务，因为它底层用到了requestAnima...

2 回答 1692 浏览

2016-08-23

老师，这个需求分析和编程接口的设计是一开始都想全了的吗

讲师回答 / ustbhuangyi

其实这个帧动画库我在百度工作的时候，从一个实际项目需求里抽象出来的。因为我们有大量帧动画的需求，但又不想为每个需求去编写那些重复的代码，所以就想抽象一个通用的帧动画库，方便开发。当时设计接口的时候一个很重要的原则，就是怎么让人用起来爽，就定了链式调用这种方式。后来也发现这种设计和promise的一些设计思想不谋而合。一开始设计的时候就考虑到大部分接口了，比如loadImage，changePosition，changeSrc，then，repeat，repeatForever，enterFrame，sta...

3 回答 1040 浏览

2018-12-07

全部我要发布

最热最新

只看我的

1-2 设计通用帧动画库

下一节课程：接口定义 (12:50) 下一节重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];这些位置市那么得到的？

同步和异步任务的区别

老师，这个需求分析和编程接口的设计是一开始都想全了的吗

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

1-2 设计通用帧动画库

热搜

最近搜索清空

下一节课程： 接口定义 (12:50) 下一节 重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];这些位置市那么得到的？

同步和异步任务的区别

老师，这个需求分析和编程接口的设计是一开始都想全了的吗

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

下一节课程：接口定义 (12:50) 下一节重新观看

账号登录验证码登录