掘金第一菜鸟

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

前端开发中，大大小小的需求，其中有很多关于`canvas`的需求，只要听到`canvas`的需求就非常头疼，因为这通常意味着需要使用原生`JavaScript`去监听鼠标的...

深入解析基于 React 和 PDF.js 构建 PDF 查看器的实现方案，该组件支持 PDF 渲染、图片打印和下载功能，并包含完整的加载状态与错误处理机制。如何下载 pd...

理解 Webpack 的构建过程(实现原理)，实现一个 super-mini 版 如果把 webpack 当成是一个函数的话，这个函数的功能就是将项目的各种文件转换成一个或...

虚拟滚动出现白屏，手把手教你使用自定义滚动条解决，虚拟组织树白屏，参考分析element-plus源码；前端项目难点...

一、项目背景 转转商品管理中心是一个管理商品原子信息的多项目融合后台，涉及到大量的新增、编辑操作。系统的稳定和运营的操作效率是这个系统最重要衡量指标。 时常会有运营提及： ...

前言 第一章：基础性能优化筑基 1. ​资源加载革命性策略 1.1.1）多维度压缩：Brotli 11级压缩与Zstandard算法对比 (1)压缩技术演进与核心价值 现代...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

讲性能优化时，别只说 “要做图片懒加载、防抖节流”，这样太简单了。我们想要让面试官眼前一亮，最主要的**向让面试官展现出我们基础知识的牢固、全面和你有实践的经历**。“理解...

背景 全链路埋点监控链路流程回顾： 架构设计俯瞰 埋点sdk旨在为前端应用提供高性能，可扩展，低侵入的埋点采集与上报能力，涵盖性能监控，行为监控，错误监控等多种场景，并支持...

1. Chrome DevTools功能简介 Chrome DevTools由以下九部分组成： Element元素面板：检查和调整页面，调式DOM，调试CSS Networ...

本文深度解析浏览器从HTML解析到资源加载的完整流程，揭示预加载、渐进式渲染等核心机制，详解async/defer/preload/prefetch等性能优化技术，掌握这些...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...