zhuzhuaicoding

之前是看面试题的时候突然看到前端怎么处理十万条数据，用户的交互是下拉列表的形式展示，觉得有点意思，就自己上手搞一波 面试官的考点 我分析了一波，面试官的考点可能有以下几点：...

页面奔溃包含两种场景，第一种是浏览器在加载网页时遇到问题导致的奔溃，另一种是因为脚本渲染出错导致页面空白无内容的奔溃。...

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnim...

还是这家公司问的问题，首先问的是浏览器跨标签也通信的方式有什么，我答完浏览器通信通信的方式，后面就接着问 JavaScript 有什么方式的了。 浏览器通信方式 每个浏览器...

理清 React18 并发的整体实现思路，了解 React18 中为什么需要并发，又是如何实现并发的。基于对并发原理的理解，再来学习 React18 中 Suspense、...

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究...

大家好，我卡颂。 虽然React官网用大量篇幅介绍最佳实践，但因JSX语法的灵活性，所以总是会出现奇奇怪怪的React写法。 本文介绍2种奇怪（但在某些场景下有意义）的Re...

大家好，我 ssh。在过去的开发中，我一直在用 styled-component 库作为 CSS 的解决方案。它有很多优点，灵活、可复用性强、功能强大、可以接受动态 JS ...

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生...

本文将从 render 函数的角度总结 React App 的优化技巧。需要提醒的是，文中将涉及 React 16.8.2 版本的内容(也即 Hooks），因此请至少了解 ...

在前端技术一浪拍死一浪的洪流中，vite 已经逐渐取代 webpack 成为各大框架推荐的打包工具。 大家都说 vite 快，那它究竟为啥快呢？ 今天就和大家伙一起好好扒一...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的...

不用担心，这些问题其实是多是由于Vue3的新特性和语法带来的变化导致的。下面会将上述问题一一捋顺，让我们开发的时候可以做到知其所以然...

想必很多人都在 npm 上发过包，但是如果没有完整的查阅相关文档，肯定有很多细节不太了解，所以我在查阅了相关文档后总结了一些 npm 发包需要注意的点。...

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

render与bailout React创建fiber的逻辑render、bailout。 render：调用render函数（组件），返回JSX，与old fiber进行...

大家好，我卡颂。 相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。 这些优化对开发者大多是无感知的，但对项目进行性能优...

大家好，我卡颂。 这两年有不少朋友和我吐槽React源码，比如： 调度器为什么用小顶堆这种数据结构，直接用数组不行？ 源码里各种单向链表、环状链表，直接用数组不行？ 源码里...