点点滴滴

CSS Grid 布局模块 引言 网格布局（Grid Layout）是 CSS 中一种全新的布局模型，在网格布局中，网格容器的内容是通过把它定位并对齐到一个网格中来完成布局的。 网格布局通过使用一个网格来控制其内容的布局：网格是一组相互交叉的水平线与垂直线，为网格容器的内容建立起尺寸与定位的坐标系统。网格布局具有以下特性： 固定、弹性与基于内容的轨道尺寸函数； 通过正向（正数）与反向（负数）数值

环境要求 操作系统： Alibaba Cloud Linux 3.2104 LTS 64位 web服务器： Nginx 应用容器: Docker 前置准备 1.安装git 执行 yum install git -y 安装 git。 执行 git --version 查看 git 版本。 2.安装Node.js 克隆 nvm 源码：使用国内的 Gitee 镜像，将 nvm 克隆到 ~/

ref Ref 可以持有任何类型的值，包括深层嵌套的对象、数组或者 JavaScript 内置的数据结构。 Ref 会使它的值具有深层响应性。这意味着即使改变嵌套对象或数组时，变化也会被检测到： 12345678910111213141516171819const obj = ref({ nested: { count: 0 }, arr: ['foo

packages/reactivity/src/collectionHandler.ts 是 Vue 3 响应式系统的核心文件之一， 导出了 Vue 用来拦截和代理 Map/Set/WeakMap/WeakSet 的 Proxy 处理器。 Map/Set/WeakMap/WeakSet 代理对象的 handler.get 陷阱都是由 createInstrumentationGetter 方法创建

baseHandlers.ts packages/reactivity/src/baseHandlers.ts 是 reactive()/shallowReactive()/readonly()/shallowReadonly() 响应式API的 Proxy 陷阱处理文件。 12345678910111213141516// packages/reactivity/src/baseHandlers

reactive() reactive() 返回一个对象的响应式代理。是 vue 响应式 api 之一。 类型 1function reactive<T extends object>(target: T): UnwrapNestedRefs<T> 响应式转换是“深层”的：它会影响到所有嵌套的属性。 若要避免深层响应式转换，只想保留对这个对象顶层次访问的响应性，请使用

异步函数 异步函数，也称为“async/await”（语法关键字），是 ES6 期约模式在 ECMAScript 函数中的应用。这个特性从行为和语法上都增强了 JavaScript，让以同步方式写的代码能够异步执行。 async 使用 async 关键字可以让函数具有异步特征，但总体上其代码仍然是同步求值的。而在参数或闭包方面，异步函数仍然具有普通 JavaScript 函数的正常行为。 1234

Decimal.js 原理 JavaScript 中的数字类型是基于 IEEE 754 标准来实现的，该标准通常也被称为“浮点数”。大部分十进制转二进制时是无限的，而计算机有限的空间无法存储无限的小数，只能存储一部分，丢失的那部分就造成了微差。 在计算如 0.1 + 0.2 结果是 0.30000000000000004 而非 0.3，这种错误并非 ECMAScript 所独有。其他使用相同格式的

js 原型 构造函数 构造函数与普通函数唯一的区别就是调用方式不同，构造函数也是函数，并没有把某个函数定义为构造函数的特殊语法。任何函数只要使用 new 操作符调用就是构造函数，而不使用 new 操作符调用的函数就是普通函数。实际上并不存在所谓的“构造函数”，只有对于函数的“构造调用”。 按照惯例，构造函数名称的首字母都是要大写的，非构造函数则以小写字母开头。这是从面向对象编程语言那里借鉴的，有

属性的可枚举性和所有权 JavaScript 对象中的每个属性能根据三个因素进行分类： 可枚举或不可枚举 字符串或 symbol 自有属性或从原型链继承的属性 属性的所有权取决于属性是否直接属于该对象，而不是对象的原型链。 所有的属性，不论是可枚举或不可枚举、是字符串或 symbol、是自有的或继承的，都能用点记号表示法或方括号表示法进行访问。 遍历对象属性 在 JavaScript 中有许多