嘿嘿切图仔

背景 什么是虚拟列表？ 虚拟列表（Virtual List）是一种优化长列表渲染性能的技术。其核心思想是只渲染可见区域的列表项，而不是渲染所有数据。当用户滚动时，动态地创建和销毁 DOM 元素，从而大

我经历了两个团队，其中一个采用了微前端架构，一个没有采用前端架构，正是因为我亲身感受过这两种不同的架构模式，所以我对这两种模式有着深切的体会，我想分享一下我们到底需不需微前端?我们为什么需要微前端？

其实移动对于video标签极度不友好，为了用户体验度避免浪费用户的流量，移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件，在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果； iOS下不能自动播放，…

工作以来，处理过css、js、canvas、骨骼动画，这些背后的原理都是通过把每一帧（瞬间）的静止图像组合起来，以一定频率（速率）播放这些图像形成动画。 详细一点解析：动画可以拆分成每一帧，当前帧（静态）图像的属性数据或者形态（形状）的变更，把这样很多帧连贯起来，就形成动画。 …

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后，可以使用 AE 的扩展程序 Bodymovin 导出一份 JSON 格式的动画数据，然后开发同学可以通…

对于中文字库来说，动辄几十 M 的体积非常常见。所以字体加载的优化就显得尤为重要。在研究了市面上现存的字体加载方案后，我总结出了一套性价比较高的字体加载方案以及所需的转换工具分享给大家。

汉字字体包的体积通常比较大，通过font-display、woff2、font-spider、字体包切片等手段优化中文字体包。

带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~