博客文章 — Field Notes
-
Vue动态菜单addRoutes的使用和踩坑事项
坑一 添加route后马上跳转可能出现白屏情况 原因分析:还未成功添加就next()跳转,找不到组件 解决办法: 使用next()传参,在路由守卫beforeEach中持续循环,知道确认已经添加成功,代码如下 router.beforeEach((to, from, next)
-
typescript联合类型的类型缩减使用
never是所有类型的子类型 当我们想要一个这样一个类型时 困难1 因为采用索引签名要满足 所有成员都必须符合字符串的索引签名 所有不能采用 { [index:string]:string | age } 只能采用联合类型缩减, 核心:找到一个既是number 的子类型，这样ag
-
React StrictMode 生命周期为什么会执行两次？
什么是 React.StrictMode? React.StrictMode 是在 2018 年的 16.3.0 版本中引入的组件。一开始，它只用在类组件中，而在 16.8.0 中，它对 hook 同样适用。 就像在版本说明中提及的一样： React.StrictMode 是帮助
-
同一个字符的两种 UTF-8 编码
我们在使用 Node.js 时遇到一个奇怪的现象： 同一个字符串，为什么有两种 UTF-8 编码？第二种编码如果跟第一种编码等价且短，那么这是一种什么变换？Node.js 的什么地方做了这个变换？ 注意到，"www"这几个 ASCII 范围内的英文字符，以及最
-
圣杯布局和双飞翼布局
圣杯布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="
-
冒泡、捕获、事件委托
DOM事件流 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 包括三个阶段： 事件捕获阶段 处于目标阶段 事件冒泡阶段 我们知道，在dom模型中，html是多层次的，当一个html元素上产生事件时，该事件会在do
-
作用域和作用域链、原型和原型链
作用域和作用域链 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来，为我们提供了‘块级作用域’,可通过新增命令let和const来体现。 函数作用域 静态作用域 要到创建这个函数的那个域”。 作用域中取值,这里强调的是“创建”，而不是“
-
一次把http、https、tcp、udp、tls、ssl聊明白
什么是OSI协议 在一切开始之前，需对OSI七层协议模型有基本了解 OSI七层协议模型、TCP/IP四层模型、五层协议体系结构的示意图如下 层协议和对应的标准7层协议的关系如下图： 什么是UDP 和 TCP 工作在传输层，建立端到端的链接。 UDP 和 TCP 的区别 TCP 和