2025年3月15日

Vite 和 Webpack 的热更新（HMR）有什么区别？

摘要： 🚀 Vite 和 Webpack 的热更新（HMR）有什么区别？ ✅ 1. 核心区别 对比项Vite HMRWebpack HMR 运行方式 基于原生 ESM 模块 基于 Webpack 依赖图 更新机制 按需更新，直接替换模块 需要构建整个模块依赖树 性能 极快，无需重新打包整个项目 慢，需要 阅读全文

posted @ 2025-03-15 23:38 ChoZ 阅读(374) 评论(0) 推荐(0)

虚拟滚动列表

摘要： 1.一次性传入大量数据的情况下，通过滚动数据位置，只显示10条数据 （1）计算可视区域 设定每个列表项的高度（如 itemHeight = 50px）。 计算可视区域内可显示的最大列表项数量： visibleCount=Math.ceil(视口高度/itemHeight)visibleCount = 阅读全文

posted @ 2025-03-15 17:37 ChoZ 阅读(50) 评论(0) 推荐(0)

canvas 添加水印

摘要： 🚀 使用 Canvas 给图片添加水印 在 Web 开发中，给图片添加水印可以使用 Canvas API，这样可以确保水印不会被轻易移除，同时不会影响图片的清晰度。 📌 1. 使用 Canvas 给图片添加水印（基础版） ✅ 示例：在图片右下角添加水印 <canvas id="watermark 阅读全文

posted @ 2025-03-15 15:26 ChoZ 阅读(290) 评论(0) 推荐(0)

导航