beanbean

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的t...

使用JSON.stringify去实现深拷贝有非常多的坑。能不用就不要用。文章会罗列出有可能的导致的错误。...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...

今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇 看起来就跟我们在科幻电影里...

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight ...

网络上流传着许多对闭包的说法，这些说法为了方便理解曲解了闭包的真正原理，本文将会介绍这些原理，并且使用demo运行的结果来验证本文的正确性，这可能会颠覆你对闭包的认知，请在...

如果近期你有关注 Vue 的动态，就能发现 Vue 作者最近一直在捣鼓的新工具 vite。vite 1.0 目前已经进入了 rc 版本，马上就要正式发布 1.0 的版本了。...

目前大多数浏览器都内置了对 module 的支持，因此构建渐渐成为了一个优化步骤而不是必要步骤 。那么，初衷是为了支持某些古老版本浏览器运行而衍生出来的构建步骤，我们还需要...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例...

做数据可视化的时候，很多时候 UI 妹纸非得自己搞一套设计，可是明明前端图表库已经设定好是这样这样，她非得那样那样；所以，为难咱前端切图仔，必须得掌握点理论知识，才有可能和...

简单的谈一谈，组件究竟在什么情况下会更新以及useCallback、useMemo。为什么必须50字。...

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差...

——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 ——拥有了Hooks，生命周期钩子函数可以先丢一边了。 ——既然Class都丢掉了，...

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了...

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastP...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

webpack中静态文件生成的原理，细节还是非常多的，通过本文对详细过程分析以及一些demo实践，逐步揭开静态文件生成的面纱，希望可以帮助到你...

这是一份来自未来的文档，感谢你对前端技术领域持续关注。读完本文你将知道 2022 年前端人都在关注些什么？...