我条名长到要通过其他

大家好，我卡颂。 对于如下这个常见交互步骤： 点击按钮，触发状态更新 组件render 视图渲染 你觉得哪些步骤有性能优化的空间呢？ 答案是：1和2。 对于步骤1，如果状态...

为什么一定要有微任务，直接一个宏任务不行吗，主要有几点： 微任务提供了高优先级通道，确保关键操作及时执行 保证相关操作的连续性，避免中间状态暴露 防止长任务阻塞关键更新...

React 18新特性全解析：这5个隐藏API让你的性能飙升200%！...

本文用 3 分钟 + 3 个实战，带你吃透 queueMicrotask 与 MutationObserver。...

在vapor即将来临的时期，我花了一个周末的时间深入研究了Vapor模式的源码，想搞清楚一个问题：“Vue Vapor到底还有没有diff算法？“...

痛点 众所周知，前端项目想接入国际化，基本就是 i18n 这个方案。 i18n 的使用方式如下： 但是这样有几个缺点： 中文和英文被分开，无法第一时间对应 要起很多变量名，...

介绍如何用自定义react hook，在不使用useEffect的情况下，帮助受控组件如何优雅接收父组件更新。...

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。...

面试官：你给我讲讲async/await 我：嘿嘿，还好我看了八股文：async/await我熟，不就是让异步代码看起来像同步代码嘛 面试官：不错，async/await是...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

对于前端SPA应用，Webpack打包的带有哈希的JS/CSS文件可以设置强制缓存（例如 Cache-Control: public, max-age=31536000, ...

在现代前端开发中，页面中某些元素是否出现在视口内，决定了懒加载、广告曝光、内容触发等一系列行为。最常见的做法当然是监听 scroll 事件，然后手动计算 getBoundi...

在前端开发中，iframe 和微前端都是为了解决特定问题而产生的技术方案。它们各自有着独特的特点、使用场景以及优缺点。下面让我们来详细了解一下。 一、iframe 概念 i...

TanStack Router 尝鲜，根据官方文档简单探索一下 TanStack Router 的基本功能...

本文引用了微信公众号“鲜枣课堂”的《视频编码零基础入门》文章内容。 如今我们所处的时代，是移动互联网时代，也可以说是视频时代。从快播到抖音，从“三生三世”到“延禧攻略”，我...

大家好，我是柒八九。一个专注于前端开发技术/Rust及AI应用知识分享的Coder 因为，行文字数所限，有些概念可能会一带而过亦或者提供对应的学习资料。请大家酌情观看。 前...

在开发管理后台时，我们常遇到需要快速调用确认框的场景。Element Plus默认的ElDialog采用声明式写法，需要维护v-model状态，而Arco Design V...

在之前的 漫谈 react 系列(三): 三层 loop 弄懂 Concurrent 模式 一文中，我们有讲到在 React18 中，Concurrent 模式是否开启，需...

useTransition useTransition 是 React 18 中引入的一个 Hook，用于管理 UI 中的过渡状态，特别是在处理长时间运行的状态更新时。它允...