奇舞周刊第 392 期：用 65 行代码实现 JavaScript 动画序列播放

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

 

奇舞推荐

■ ■ ■

 用 65 行代码实现 JavaScript 动画序列播放

使用 Promise 实现的简单动画库，能够很好地执行组合的时序动画，配合 async/await 代码实现简洁且优雅，同时还具有非常好的扩展性，能够组合出非常强大的动画效果。

[RFC] 关于 Vue 3 的 IE11 支持

尤雨溪：Vue 3 将不会支持 IE11，原定投入 Vue 3 IE11 支持的精力将投入给 2.7，移植 3.x 兼容的新功能。

 我所理解的 Hooks API

我们不难发现社区上已经有很多关于 Hooks API 的教程，甚至不乏对源码的分析学习。但当我们到 React 的源码中学习 Hooks API 的实现方式的时候，会被其“神奇”的实现方式搞得更加一头雾水。那么我们究竟还能从什么角度去学习和理解 Hooks API 的设计模式呢？本文带你一探究竟。

技术实践

■ ■ ■

 从 Three.js 测试源码探索前端可视化项目的 E2E 测试方案

不同于网上常见的 E2E 测试方法，作者从另一个角度出发，研究了 Three.js 的 E2E 在 github 源码里测试用例，并总结出前端可视化的质量验证的几个方面。

H5 页面列表缓存方案

本文简单介绍一下自己在做列表缓存的时候考虑的几个问题，并且针对这些问题进行了简单实现。

 前端虚拟列表的实现原理

本文针对超长 List 嵌套在 antd Modal 里加载慢，卡顿的情况。从零实现一个虚拟滚动列表来优化整体的体验。

扩展边界

■ ■ ■

 程序员应该知道的 3 个排版原则

作为一名前端开发人员，虽然不要求有高超的 UI 设计技巧，但排版至少要看着舒服。所以，合理的排版也是前端该掌握的基本技能之一。排版远远没有大家想的那么难以掌握，相反，只要掌握几个原则，就会让你排版提高一个档次。

Worktile 前端工程化之路

这篇文章主要分享一下 Worktile 从 2013 年至 2020 年的前端工程化之路，介绍一下一个初创公司在过去 8 年的前端工程化演变的过程

 “企业级产品设计”稳定高复用的企业产品信息架构设计

在企业产品设计过程中，遇到问题想要寻求解决方法时，往往发现针对用户产品的设计方法，放到企业产品中并不一定适用；或者面对繁杂的业务冲击和扑面而来的工作量时，突然乱了阵脚无暇思考，不知道设计该如何入手。今天，本文将依托于腾讯云设计中心行业项目案例，为大家详细解构一种适用于企业产品信息架构的设计方法。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。