摘要：
useMemo 父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化时，子组件才重新渲染 useMemo便是用于缓存该函数的执行结果，仅当依赖项改变后才 阅读全文
摘要：
前瞻 回顾第一章: 同一个字符的两种 UTF-8 编码 正文 😊 这是一个笑脸,它的编码如下 Unicode编码：1F60A UTF-8编码：F09F 988A UTF-16编码: D83D DE0A 概念 Unicode 使用四个字节为每个字符编码，UTF 是英文 Unicode Transfo 阅读全文
摘要：
坑一 添加route后马上跳转可能出现白屏情况 原因分析:还未成功添加就next()跳转,找不到组件 解决办法: 使用next()传参,在路由守卫beforeEach中持续循环,知道确认已经添加成功,代码如下 router.beforeEach((to, from, next) => { if (s 阅读全文
摘要：
never是所有类型的子类型 当我们想要一个这样一个类型时 困难1 因为采用索引签名要满足 所有成员都必须符合字符串的索引签名 所有不能采用 { [index:string]:string | age } 只能采用联合类型缩减, 核心:找到一个既是number 的子类型，这样age类型缩减之后的类型 阅读全文
摘要：
什么是 React.StrictMode? React.StrictMode 是在 2018 年的 16.3.0 版本中引入的组件。一开始，它只用在类组件中，而在 16.8.0 中，它对 hook 同样适用。 就像在版本说明中提及的一样： React.StrictMode 是帮助应用适应异步渲染的组 阅读全文
摘要：
大头兄弟 2022/12/9 没回答好的问题： 1px问题 算法 --> 动态规划 --> n个台阶 回流和重绘 父子组件的生命周期 --> 子组件的mount执行在父组件的mount之前 diff算法 Array(10).map(()=> 1) --> 其实还是空,只有length属性是10 面试 阅读全文
摘要：
rpc的目的就是通过像调用本地服务一样远程调用另一台服务器上的服务来完成需求。 调用这个远程服务的目的就是获取一个返回结果，然后客户端拿到这个结果再做相关的操作，那么问题来了，为什么不直接调用一个http的接口呢，将参数通过get或者post来传递，这样可以获取到相应的结果啊。又或者通过socket 阅读全文
摘要：
在做项目的过程中，使用正则表达式来匹配一段文本中的特定种类字符，是比较常用的一种方式，下面是对常用的正则匹配做了一个归纳整理。 1、匹配中文:[\u4e00-\u9fa5] 2、英文字母:[a-zA-Z] 3、数字:[0-9] 4、匹配中文，英文字母和数字及下划线：^[\u4e00-\u9fa5_a 阅读全文
摘要：
我们在使用 Node.js 时遇到一个奇怪的现象： 同一个字符串，为什么有两种 UTF-8 编码？第二种编码如果跟第一种编码等价且短，那么这是一种什么变换？Node.js 的什么地方做了这个变换？ 注意到，"www"这几个 ASCII 范围内的英文字符，以及最后的汉字的编码是没有发生改变的。所以问题 阅读全文
摘要：
圣杯布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U 阅读全文
摘要：
DOM事件流 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 包括三个阶段： 事件捕获阶段 处于目标阶段 事件冒泡阶段 我们知道，在dom模型中，html是多层次的，当一个html元素上产生事件时，该事件会在dom树元素节点之间按照 阅读全文
摘要：
作用域和作用域链 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来，为我们提供了‘块级作用域’,可通过新增命令let和const来体现。 函数作用域 静态作用域 要到创建这个函数的那个域”。 作用域中取值,这里强调的是“创建”，而不是“调用”，切记切记—— 阅读全文
摘要：
我简略的总结了一下一些可以继承和不可以继承的属性 可继承 1.字体系列属性：font-family，font-size 2.文本系列属性：text-indent，line-height，color 3.元素可见性：visibility 4.表格布局属性：border-style 5.列表布局属性：l 阅读全文
摘要：
什么是OSI协议 在一切开始之前，需对OSI七层协议模型有基本了解 OSI七层协议模型、TCP/IP四层模型、五层协议体系结构的示意图如下 层协议和对应的标准7层协议的关系如下图： 什么是UDP 和 TCP 工作在传输层，建立端到端的链接。 UDP 和 TCP 的区别 TCP 和 UDP 都位于计算 阅读全文
摘要：
数据类型 分为简单类型(基本类型)和复杂类型(引用数据类型) 基本类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol(ES6新增)。 复杂类型：对象(Object)、数组(Array)、函数(Function)。 阅读全文
摘要：
CommonJS 使用方式 注意：是exports不是export 导出 //通过module.exports导出一个对象，对象存放功能函数或数据或某个具体的值 //引入时通过自定义变量obj.fn1()使用即可 module.exports = { fn1: function () { conso 阅读全文
摘要：
函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 示例 function debounce(fun, delay) { return function () { clearTimeout(fun.id) fun.id = setTimeout(func 阅读全文
摘要：
本文涉及内容 闭包 柯里化 内存泄露 垃圾回收 阅读本文前，您需要对作用域和作用域链、原型和原型链有足够了解，见本博客另一篇文章，点这里，以及对this指向有足够了解，点这里 什么是闭包 能够访问其他函数内部变量的函数，被称为 闭包，简单来说，闭包就是函数内部定义的函数，被返回了出去并在外部调用，它 阅读全文
摘要：
一次完整的HTTP请求过程 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户 页面解析 阅读全文
摘要：
移动web页面多端屏幕适配 逻辑像素（logical pixel） CSS像素就是逻辑像素，CSS像素是Web编程的概念,在普通屏幕下，1个CSS像素对应1个物理像素(1:1)。 逻辑像素 ≈ 设备独立像素。 设备像素比 (device pixel ratio) 设备像素比 = 设备像素 / 设备独 阅读全文