页面切割机

内容包括 工程化自动发包的实践，包含 `gitlab`, `github`, `私有化npm`, `单仓库`, `monorepo` 仓库下怎么实现发版。并且在`githu...

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化......

INP (Interaction to Next Paint) 是 Google Core Web Vitals 中的一个实验性指标，旨在衡量页面对用户交互的整体响应能力。...

PerformanceObserver 是 Web Performance API 的一部分，它提供了一种异步、高效地收集浏览器性能指标的方式。与传统的 performan...

在前端，监测用户在浏览界面过程中的卡顿（Jank）是优化用户体验的关键一环。卡顿通常表现为动画不流畅、滚动不平滑、点击无响应等。这通常是由于浏览器主线程被长时间占用，无法及...

在当今快速发展的Web开发领域中，无论是面试还是与同行交流时，“高大上”的技术术语层出不穷。还记得我第一次了解到前端埋点监控是在一家知名大厂的面试过程中。当面试官问及如何实...

AI-CodeReview 🤖 AI驱动的代码审查工具，支持Git hooks集成，提供智能代码质量分析和反馈 附上npm链接 https://www.npmjs.com...

Obs.js 通过读取少量的浏览器信号（Navigator 和 Battery API），推断出用户的连接强度、电池状态以及设备性能。它将这些信号以 CSS 类的形式添加到...

最近需要实现老虎机抽奖效果，封装了一下抽奖转盘的动画实现。 本文主要介绍了如何基于RAF实现抽奖动画，并通过缓动函数控制动画执行效果，在线体验地址：https://lvrf...

一文告诉你泛前端该如何构建业务代码覆盖率检测能力，把控H5、Web、小程序、RN等方向的代码执行情况，帮助团队降低漏测风险、提高项目稳定性......

本文将介绍一种巧妙的思路，仅用一条辅助线，就能轻松解决移动端 tab 吸顶的两个问题，极大简化实现逻辑...

本文我会为你介绍小程序套小程序的三种方案，其中"分包打开另一个小程序"最复杂，也许只有大厂才会用到。...

某次前端需求开发中，新增了一个 npm 包，在进行合码时发现 lockfile 出现冲突。 手动解冲突非常低效，又容易出错。...

本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。...

手把手带你写一个Webpack提效插件，解决 alias 的模块化问题，更换 monorepo 源码引用的方式...

一个完全基于 node.js、react 的 RAG（检索增强生成）智能问答系统，让你用熟悉的技术栈，5 分钟就能搭建一个属于自己的 AI 助手...

当我还沉浸在UI样式改版后的喜悦中时，QA同学拿着他的华为Mate X5（折叠屏手机）来找我："这个字体在展开状态下太大了，影响用户体验"。这才意识到我们的H5页面一直没有...

为保证用户页面体验，大量的计算和离屏渲染会通过Web Workers实现，但Web Workers原生API用起来麻麻哋（不怎么样），因此我给它做了一次“大改造”，并且将“...