蘑菇放辣椒

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间...

本人在使用富文本，需要国际化语言切换。 富文本，需要国际化语言切换。 富文本，需要国际化语言切换。 富文本，需要国际化语言切换。...

现在大厂面试中，算法题几乎为必考项，且近几年频现 LeetCode 真题，此篇为拿到字节、腾讯、京东 Offer 的笔者本人在准备面试过程中亲自刷过以及遇到过高频算法题。文...

一、前言 最近神策数据 Web JS SDK 默认的数据上报方式由原来的 image 改成了 beacon。其实 image 只是数据上报方式中的一种，它是通过向服务端发送...

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！...

单元测试 测试一个函数 测试一个组件 上面的叫单元测试。 测试整个页面就不叫做单元测试了 为什么要做单元测试 我们能够保证我们的代码质量 你可能觉得前端的单元测试会增加你的...

TypeScript概述 1．TypeScript是拥有类型的JavaScript，可以编译成JavaScript。同时拥有 类型检查、语言扩展、工具属性。 2．它的好处：...

这是专栏里的文章，专栏里每一篇文章都是接上一篇文章的，是一个非常细的分析过程。 上一篇文章，我们知道render阶段采用深度优先遍历的方式依次执行 beginWork 和 ...

我们之前了解到: render 阶段开始的函数是 renderRootSync commit 阶段开始的函数是 commitRoot 注意：这里所说的render阶段不是r...

上一篇主要是说流程，大概的流程是什么样子的，经历了哪些函数。 本篇开始要具体讲解递归阶段，逐步分解。如有不对之处还望指出，共同进步，谢谢～ 深入理解JSX JSX对于开发人...

本篇文章学习React源码，根据每个阶段进行源码debugger学习。 这里提供如何在本地打debugger：https://github.com/sunkuangdong...

之前的文章，总结了关于新/老 Fiber 的架构方案，以及能够解决什么问题。 接下来一起来看看他的工作原理，以及如何看源码打debugger。 Fiber架构的工作原理 F...

本篇将重点介绍 Hook API 的具体使用方式。之后的文章会介绍原理。 useState 我们首先使用Hook来声明一个state，这是不管做什么都需要的一个API。 调...

本篇文章会介绍Hook API，为了接下来对React底层的解析。 什么是Hook Hook是一些可以让你在函数组件里钩入React state以及生命周期等特性的函数。 ...

本文已参与掘金创作者训练营第三期「话题写作」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。 本文对HTTP提升网络加载速度的方法进行总结，可能不...

CDN 有效地解决了目前互联网业务中网络层面的以下问题： 用户与业务服务器地域间物理距离较远，需要进行多次网络转发，传输延时较高且不稳定。...

本文已参与掘金创作者训练营第三期「话题写作」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。 本文打算重新学习一下关于跨域的问题。本文会加入自己的...

DNS（Domain Name System），提供域名到 IP 地址的转换， 就是下面的这个东西 👇。系统地学习计算机基础知识，我们的教材是 计算机网络(原书第7版)。...

本篇文章是对文档的自我学习，都已经完全掌握的同学也已不必去看。 Refs Refs 提供了我们能够访问DOM节点的能力，或者在 render 方法中创建的 React 元素...

本篇文章来自官网的学习，如果对官网的Diff已经掌握的同学可以跳过。 Fiber架构设计动力 我们知道React会有两棵树。这两棵树会交替运行，进行UI渲染。官网也给出了两...