0x1461A0

使用 React 开发复杂的需求，时常会碰到性能问题。近期做业务过程就遇到一次，页面十分卡顿。此文将笔者排查问题的过程以及性能优化解决方案记录下来跟大家分享。...

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

纯本地Office编辑革命：基于OnlyOffice+WASM的全链路前端解决方案 前言：突破浏览器编辑的最后边界 为什么需要纯本地方案？ ​​医疗场景​​：某三甲医院的电...

视频预览功能的实现，服务端提取方案 (FFmpeg) 前端 Canvas ，Web Worker ，MediaRecorder API，requestVideoFrameC...

本文深度剖析表单组件的演进历程，通过手写简化版实现，揭示 HOC 模式的性能瓶颈与 Hooks 架构的优雅解决方案，从状态提升到发布订阅，从组件嵌套到独立状态管理。...

前端分层通过API层对接数据源，Model层防腐转换DTO为VO，View层Hook管理数据流。DTO承载接口原始结构，VO适配视图需求，防腐层隔离后端变动，提升代码维护性...

基于canvas实现的可编辑虚拟表格组件,开源、免费、百万数据渲染无卡顿，用过 ag-Grid、Vue-EasyTable、VxeTable可试试e-virt-table或...

任何工具我们都只有理解它的原理才能真正地掌握它，所以下面我们将从 ESLint 的原理剖析开始吧。近半个月的啃源码的研究结果：ESLint 修复源码的方式居然仅是使用 sl...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不...

JavaScript 中，虽然使用异步事件队列简化了并发事件的处理，但也增加了异常的情况和复杂度。于是，在编写 Node.js 程序时，我们常常会遇到这样的问题：为什么我的...

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。...

模块化之争的在 ESM 标准出来的时候已成为定局，这两年前端界也在进行 ESM 大迁移。关于 ESM 个人感觉可以聊的并不多，最近讨论最多的可能还是到底该不该用 defau...

使用 CSS 实现亚克力效果（Acrylic Material），Mac OS的磨砂玻璃效果（Frosted Glass）和 玻璃变形（Glassmorphism)等 UI...

引言：前端组件之间的通信非常重要，也相对简单。然而，在组件间嵌套关系复杂、逻辑复杂时，我们该如何快速、安全地开发出新需求呢？...

前言 说起 Zustand，很多使用 React 的小伙伴肯定不陌生它是一个 React 状态管理库，类似于 Redux、Mobx一起来看下 Zustand 的周下载量，大...

很多人都用过GCW，或者类似的工具，但这些工具都需要靠手动书写、命令行工具、vscode插件来添加emoji，不太方便，本身emoji意义不大只是锦上添花的东西，本文通过几...

热门开源项目清一色的抛弃了Pascalcase文件命名？Kebab烤肉串文件命名风格成为主流。看完本文答应我，All in Kebab好吗？...

最近，我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。 sessionStorage 能在多个标签页之间共享数据吗？...

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webp...