郎心似铁

图像优化 1.图像的选取与使用 矢量图与位图 矢量图：SVG，比如Logo、字体、小图标，优点：缩放不会影响清晰度 缺点：不能显示太多信息，只适合简单的图标 位图：也就是我...

5大核心概念 熟悉webpack的5大核心概念，是我们使用webpack的前提，这为后面的使用起指导作用。 entry(入口) webpack会以一个文件或多个文件作为打包...

React diff算法目的是为了复用dom节点，减少不必要的DOM重建。diff算法处于React运行流程中的协调阶段，React将新的虚拟DOM树与旧的fiber树进行...

一、数据类型检测 1.typeof 机制：直接在计算机底层基于数据类型的值（二进制）进行检测 typeof null: object 对象存储在计算机中，都是以000开头的...

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，...

行内元素的水平居中(两种) 1. text-align: center 2. width: fit-content; margin: auto; 单行文本的垂直居中(一种)...

页面生命周期：DOMContentLoaded ,loaded, beforeUnloaded, unload HTML的页面生命周期包括三个重要事件： DOMConten...

一、React-Router @V5 快速开始 安装 示例：基本路由 示例：嵌套路由 这个示例向我们展示来嵌套路由如何工作，路由 '/topics'会加载Topics组件，...

前言 Dan Abramov(React作者)在他的一篇文章useEffect完整指南 详尽的讲解了useEffect，本文是对文章中定时器例子的摘抄，想看完整文章的小伙伴...

我们日常开发中使用componentDidMount的频率非常高，但是你可能不知道的是它其实是一个会阻塞浏览器渲染的生命周期，...

前言：我们在函数式组件中使用useState来为组件创建一个state，就能模拟类变量，这很神奇不是吗！用起来越方便，对它的了解就越模糊，本文是对useState的工作流程...

我跟着这篇文章 # 构建你自己的 React 一步一步的从零实现了一个自定义的基于Fiber的React，如果你也想这样的话，请直接点开这个连接，尽管内容是英文的，你可以用...

JSX 这个有趣的标签语法既不是字符串也不是 HTML。它被称为 JSX，是一个 JavaScript 的语法扩展。 在编译之后，JSX 表达式会被转为普通 JavaScr...

React中一个奇怪的错误 学习React的时候遇到了一个Input的值无法修改的现象 这个标签在原生js中可以修改，但是在React组件无法修改，并且控制台报错，提示我们...

从输入 URL 到页面展示完整流程示意图 从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要...

本文是学习中的一些简要记录，不能尽善尽美，如果有遗漏或错误的地方，恳请朋友指正，共同进步 不知道你是否有过下面这些疑问： 为什么通常在第一次访问一个站点时，打开速度很慢，当...

本文是学习过程中一些简要的记录，不能尽善尽美，如果发现有遗漏或错误的地方，恳请朋友指正，共同成长 进程VS线程 进程与线程的关系 线程是不能单独存在的，它是由进程创建并管理...

这是我用来记录日常学习的成功，不能尽善尽美，如果有遗漏差错之处还请朋友指正 简介 HTTP缓存又称为浏览器缓存，HTTP缓存分为两种：强缓存和协商缓存。缓存是为了提高资源的...