flczcy

> 作者：简可 理解Fiber，就是理解现代React的灵魂。本文本文主要探索2个问题： 1. 为什么页面看起来会卡顿？ 2. Fiber是怎么解决卡顿的？ ## 一、为什...

基于wasm 纯前端实现office 的 在线编辑/导入导出/只读可编辑 等功能 效果展示 所有操作均在浏览器进行，先来看看最终效果： 🌐 在线演示: https://m...

写过原生 Canvas 的朋友都懂： API 低级到怀疑人生——画个带圆角的矩形就要 20 行起步，缩放、拖拽、层级管理全靠自己实现。 节点一多直接 PPT——超过 500...

上周帮实习生排查需求，发现他用 for 循环遍历数组转对象，写了 12 行代码还容易出错 —— 其实用 Object.fromEntries，3 行就能搞定，还能避免职场踩...

如果你的面试缺少一个亮点项目，我的组件库项目一定能帮助你在面试中脱颖而出，如果你想学习一个全面提高前端技能的项目，你更要进来了解一下了！...

1. 前言 当你打开这个网址时： 你会发现，所有你需要的主题、语言、插件已经被自动勾选： 当你在页面修改配置时，URL 也会随之改变。 你看，这个 URL 不仅仅是一个链接...

背景 什么是虚拟列表？ 虚拟列表（Virtual List）是一种优化长列表渲染性能的技术。其核心思想是只渲染可见区域的列表项，而不是渲染所有数据。当用户滚动时，动态地创建...

引言 在现代Web开发中，backdrop-filter 属性为创建毛玻璃等高级视觉效果提供了强大的支持，极大地提升了用户界面的层次感和现代感。然而，当我们将它与 bord...

React Compiler 发布 1.0 稳定版，告别手动 Memo；React 19.2 更新 Activity、useEffectEvent 等新特性。终于不用手动封...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

详细拆解一个大文件上传项目（前端部分）的完整开发流程。我们会从项目搭建入手，先实现一个支持暂停、重试、并发控制的任务队列（TaskQueue），再基于此构建具备切片上传、哈...

引言：告别“预处理器依赖症”？CSS 原生函数与混入的华丽登场！ 长久以来，CSS 在面对复杂项目时，总是显得力不从心。开发者们渴望变量、函数、混入、嵌套这些能让代码更模块...

无论你是想夯实基础的 TypeScript 新手，还是希望精进TypeScript用法的资深全栈工程师，这五个 TypeScript 技巧都能帮你提升代码质量、减少重复工作...

之前没太关注过组件之间的数据传递问题，一般做项目如果是Vue2.x版本，直接用Vuex。 如果是Vue3.x版本，直接用Pinia。基本上很少用Bus(事件总线)，也没太关...

前端精确计算终极解决方案, 精确计算、轻量、便捷、计算公式易维护、集成 Decimal 数学函数，支持自定义函数，一应俱全。...

这个液态玻璃有人觉得好看也有人觉得难看，毕竟一百个读者就有哈姆雷特嘛！我们公司的产品经理觉得好看，它就想让我们也学苹果搞个这样的主题……...

在现代Web开发中，自定义字体能显著提升用户体验和品牌识别度，本文将系统性地介绍Web字体使用的最佳实践，涵盖格式选择、加载策略、性能优化等各个方面。...

useUpdateEffect useUpdateEffect 用法等同于 useEffect，但是会忽略首次执行，只在依赖更新时执行。 useUpdateLayoutEf...

表格组件是数据展示的核心组件之一。传统的DOM表格在处理大量数据时往往面临性能瓶颈，而基于Canvas的虚拟表格则能够在保持流畅交互的同时处理海量数据。 最近刷论坛发现了一...