大家应该知道如果用 Vue3 的 Composition API 定义一个响应式变量通常有两种形式，一种是用ref，另一种是reactive： 一般来说定义一个基本数据类型会用ref，而引用类型

1. 浏览器渲染过程是怎样的？ 按照渲染的时间顺序，流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、栅格化和显示。 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets，计算出 …

在网络世界，你肯定记得住网站的名称，但是很难记住网站的 IP 地址，因而也需要一个地址簿，就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的，它是树状结构，如图： 在客户端输入 URL 后，会有一个递归查找的过程，从浏览器缓存中查找->本地的hosts文件查找->找…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

（2） defer：和link是类似的机制了，不会阻碍GUI渲染，当GUI渲染完，才会把请求回来的JS去渲染... （3）async：请求JS资源是异步的「单独开辟HTTP去请求」，此时GUI继续渲染；但是一但当JS请求回来，会立即暂停GUI的处理，接下来去渲染JS... （6…

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

每个月都会有总结和分享会📚，这个月也一样，于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅，快来看看吧~

【硬核基础】系列的几篇文章，感兴趣的朋友可以了解一下： 硬核基础二进制篇（二）位运算 硬核基础二进制篇（一）0.1 + 0.2 != 0.3 和 IEEE-754 标准 硬核基础编码篇（一）烫烫烫烫烫

从变量、函数的声明提升开始，到作用域、作用域链的重新理解。带你重新回顾作用域引发的一系列问题探讨，再一次巩固js作用域基础。

要讲清楚这个问题，主要着重这几个方面： 什么是原型对象 构造函数, 原型对象, 实例的三角关系图 原型链如何形成 原型对象 在 JavaScript 中，除去一部分内建函数，绝大多数的函数都会包含有一