奇舞推荐
“和 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 到底是个什么东西。接下来我们就一起来认识它。