奇舞周刊第 432 期： “和 loading 界面说 ByeBye”——Remix 颠覆式预加载解析

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

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

奇舞推荐

■ ■ ■

 “和 loading 界面说 ByeBye”——Remix 颠覆式预加载解析

我们一起来看看这预加载是如何实现的。

 手写简易前端框架：vdom 渲染和 jsx 编译

一个完整的前端框架涉及到的内容还是比较多的，我们一步步的来，这篇文章来实现下 vdom 的渲染。

 从浏览器渲染原理谈动画性能优化

在越来越多的业务中，前端页面除了展示数据和提供用户操作的 UI，也需要带给用户更丰富的交互体验。动画作为承载，已经成为日常前端开发，尤其是 C 端开发的必选项。设备硬件性能的提升、浏览器内核的升级也给在页面端实现流畅动画提供了可能。目前，常规设备的刷新频率通常是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片 (60 FPS)。接下来，文章会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化动画性能的方法。

技术实践

■ ■ ■

 自己动手写符合自己业务需求的 eslint 规则

预祝大家通过写出适合自己业务的检查器，写出更健壮的代码。

 腾讯课堂 H5 直播间点赞动效实现

接下来我们分别来看看点赞动效的两种实现方式。

 前端调试的最佳实践

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

扩展边界

■ ■ ■

 Taro 正式发布 3.4 版本：全面支持 Preact & Vue 3.2

接下来 Taro v3.6 的工作重心将会放在小程序性能优化、编译系统升级 (如升级 Webpack5) 和优化 H5 能力 (如输出 SSR 方案、优化路由系统等) 上。Taro 迭代的另一条主线是对鸿蒙应用 && OpenHarmony 的适配，Taro 与 OpenHarmony 团队成立了跨平台 UI 兴趣组，将联合社区共同展开适配工作。目前第一阶段的开发工作已完成，并发布了 Taro v3.5-canary 版本。

 webpack5 持久化缓存实践

Webpack 5 令人期待的持久缓存优化了整个构建流程，原理依然还是那一套：当检测到某个文件变化时，根据依赖关系，只对依赖树上相关的文件进行编译，从而大幅提高了构建速度。官方经过测试，16000 个模块组成的单页应用，速度竟然可以提高 98%！其中值得注意的是持久缓存会将缓存存储到磁盘。

 Flutter For Web 编译的两种方案

目前 Flutter 关注度还是比较高的，Flutter 的热度已经超越⽼牌跨平台框架 React Native。不过吹捧了那么多，可能就会有小伙伴们要问了，Flutter 到底是个什么东西。接下来我们就一起来认识它。

关于奇舞团

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