一文读懂前端缓存 车泽民
学习缓存,如果觉得文章太长看第一段cache发音指正挺好的,我也读错了以前
高一全栈开发;国产 Arc 浏览器;Tauri 2.0 发布 徐堂鑫
关于一些新工具/应用的资讯
你不知道的canvas性能优化 张伟达
canvas 性能优化:分层、离屏、webworker
WebAssembly与WebGPU:Web上的高性能计算 崔鹏程
WebAssembly(简称Wasm)和WebGPU是两项推动Web平台高性能计算的重要技术。WebAssembly作为一种高效、低级的编程语言,使得原本只能在客户端运行的高性能应用能够在浏览器中执行;而WebGPU则提供了直接访问图形和计算硬件的能力,为Web应用带来接近原生的图形处理和计算性能。
CSS align-content也能适用于普通容器了 李文娟
我们终于可以不用flexbox 或 grid 布局的情况下也可以使用align-content: center进行垂直居中啦~
打造高性能在线电子表格:WebGL 渲染引擎 Kola2d 自研之路 李勇鲁
使用webgl打造高性能电子表格
HTML5 中如何使用 Canvas 实时处理 Video 陆欣
视频标注的基础
B站前端错误监控实践 黄鹤翔
这篇文章是关于B站(哔哩哔哩)前端错误监控实践的详细介绍。文章讲述了B站前端监控团队如何开发和迭代自己的前端错误监控系统。这个系统包括监控SDK、上报、数据治理、看板集成等方面,并且已经覆盖了B站85%以上的业务线,运行在1700多个项目中。
rrweb 录屏技术调研与分享 原创
刘世豪
随着现代 Web 应用的复杂性增加,用户行为数据的监控和记录变得愈发重要,特别是在调试、用户体验优化以及线上问题追踪方面。传统的屏幕录制工具往往只能捕捉视频内容,虽然在直观展示用户操作时效果良好,但其录制文件体积大、难以精准定位问题,且无法对交互事件进行细粒度分析。为了解决这些问题,基于事件回放的录屏工具应运而生。 rrweb 是一种专注于网页用户行为记录与回放的开源工具,其录屏方式并不是传统的视频捕捉,而是通过监听和记录 DOM 变化、用户输入、点击等交互事件,生成可回放的事件日志。这种方式既减少了数据存储的开销,也便于在后期对用户行为进行精准回放和分析。