仰望星空的小猴子

React18核心并发渲染 通过createRoot、useTransition、自动批处理等特性提升应用性能和用户体验，向下兼容，升级成本低...

初始化渲染 首次渲染是从无FIber树到构建Current树并渲染到页面的过程，流程如下 1. 根节点初始化：...

常用的Hooks 1. 状态管理：useState/useReducer useState 在函数组件中引入状态，React会在组件渲染时记住当前状态值，触发更新时重新渲染...

性能指标 重要网站web.dev 三大核心指标(LCP、INP、CLS) 主要关注LCP、INP、CLS三大核心指标，同时也会看FCP、TTI、TBT来判断首屏速度、交互流...

TCP三次握手 它是TCP协议建议可靠连接的核心机制，通过三次交互确认双方的发送和接收能力正常，同步序列号和确认号，为后续的可靠数据传输打下基础 是面向连接、可靠的传输层协...

微前端 思想 微前端是一种将单体前端应用拆分为多个小型、独立、可自治的前端模块的架构风格，灵感源于后端微服务思想，核心目标是让不同团队能用不同技术栈独立开发、测试、部署子应...

前端性能优化主要是结合性能指标一般从网络层面、资源加载、渲染层、构建、监控等五个层面进行分析和优化。...

浏览器地址栏输入一个URL(如https://www.baidu.com)按下回车，到页面显示整个过程...

1、flex复合属性的三要素 flex 是 flex-grow：长/伸 、flex-shrink：缩 、 flex-basis：沿主轴方向的尺寸 三个属性的复合简写，语法格...

事件对象、事件冒泡、默认行为 事件对象 事件冒泡 利用event对象event.cancelBubble = true 阻止冒泡 利用vue的方法阻止冒泡：给HTML元素绑...

call、apply、bind call和apply共同点 共同点：改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的 call和apply的对...

new new 的实现 创建一个新对象 将构造函数作用域赋值一个新对象，this指向这个新对象 执行构造函数中的代码(为这个函数添加新属性) 返回新对象 其实new Per...

typeof和instanceof typeof 释义 是一个一元运算符，放在一个运算符之前，运算符可以是任意类型 typeof 来判断number, string, ob...

http 缓存 共同点：都是从客户端缓存中读取资源 强缓存不会发送请求， 协商缓存会发送请求 相关状态码 302 临时重定向 304 走的浏览器缓存 强缓存 不会向服务器发...

Css概念 Css是用来美化html标签的，相当于页面化妆。 1、行高 1.1 浏览器默认文字 行高：是基线与基线之间的距离 行高=文字高度+上下边距 一行文字行高和父元素...

CSS2.1规范中文版 官方文档：http://www.w3.org/TR/2011/REC-CSS2-20110607/ W3C索引：https://www.w3.org...

Event Loop（事件循环）机制 一、浏览器环境下JS引擎的时间循环机制 1. JavaScript执行机制-宏任务和微任务 js是一门单线程语言，在最新的HTML5中...

基本概念 reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。 reduce 为数组中的每一个元素依次...

一：数组去重方法1 （思路：新建一个空的result数组，将需要去重的数组中的第一个元素传入，依次与剩余的元素进行对比，不重复则把元素传入到result数组中。） 二 : ...

数组和对象的遍历 1. 数组的遍历 普通的for循环，break可以跳出循环 for in循环，会把原型上的属性和属性值都遍历下来，遍历的是键名,break可以跳出循环 f...