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

奇舞周刊 2021-04-09 16:59

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

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

 

奇舞推荐

 用 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 等多种发展方向供员工选择,并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。