用户4357626606923

自己在最近的开发工作中，面对一些可能很多前端同学都会遇到的问题，有了一些心得体会。 所以有了这篇文章，想来和大家聊一聊该如何设计和抽象我们的 React 组件。 视图组件，即我们使用 React 来表现视图层的这一部分。 它们最重要的特点就是：它们和业务没有一毛钱关系。 它们的…

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中对我的复习思维形成影响很大，

「时光不负，创作不停，本文正在参加2021 年终总结征文大赛」 2020年11月离开待了5年的广州，来到深圳的现在的公司，当时前端团队有15人左右，但没想到的是，到了2021年的三月份已经走了9个老同

前几天看到个有趣的 hook: useWorker。可以直接将函数转换为 worker，然后调用执行，这样便可以将一些耗时、阻塞的计算放到 worker 中执行，避免主线程阻塞。

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”的效果，根本不会出现卡顿等待

源码结构 在渲染函数组件的时候会调用renderWithHooks方法： 可以看到这个函数中： 将nextRenderLanes（当前需要渲染的优先级集合）赋值给了renderLanes，将workI

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO