- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue3 .sync修饰符
注意：Vue3 中取消了 .sync 修饰符，取而代之的是 v-model 或 v-model:xxx 的形式。v-model 同时做了两件事情：属性绑定和自定义事件绑定。
2024-11-01 09:19:15
664
原创 vite的一些介绍
vite 是 no-bundle 构建方案（vite 本身不做构建）， 开发环境使用 esbuild 做esm 转换，肯定快啊。vite：基于es module，内部启动了个 koa，只要文件发生变化，直接修改文件，相对路径改成绝对路径，从而更新浏览器中的文件。webpack： 每次都要重新分析入口文件依赖，打包，生成 chunk，打包后也是 webpack_require 加载。但是你要说打包快，那也未必。相比 vue cli 的编译打包，vite 利用了浏览器原生的 module 加载，速度极快。
2024-10-31 11:41:47
293
原创 Element-Plus 分页组件由默认英文改为中文
分页组件默认显示为英文，，但实际页面中大多都是中文，弄个英文显得比较突兀。在 main.js 中添加以下两句语句。
2024-10-30 11:15:07
293
原创 requestIdleCallback
window.requestIdleCallback() 方法插入一个函数，这个函数将在浏览器空闲时期被调用。这使开发者能够在主事件循环上执行后台和低优先级工作，而不会影响延迟关键事件，如动画和输入响应。函数一般会按先进先调用的顺序执行，然而，如果回调函数指定了执行超时时间 timeout，则有可能为了在超时前执行函数而打乱执行顺序。你可以在空闲回调函数中调用 requestIdleCallback()，以便在下一次通过事件循环之前调度另一个回调；
2024-10-29 18:11:05
285
原创 let 和 const 共同存在的特性
const 实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const 只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的。此外，es6 声明变量有 6 种方式，var、function、let、const、import、class。
2024-10-28 17:11:23
174
原创 Null 判断运算符
有一个优先级问题，它们之间的优先级到底孰高孰低。优先级的不同，往往会导致逻辑运算的结果不同。为了避免这种情况，ES2020 引入了一个新的 Null 判断运算符。如果多个逻辑运算符一起使用，必须用括号表明优先级，否则会报错。，有时候需要为它们指定默认值。本质上是逻辑运算，它与其他两个逻辑运算符。这个运算符的一个目的，就是跟链判断运算符。读取对象属性的时候，如果某个属性的值是。，但是只有运算符左侧的值为。时，才会返回右侧的值。
2024-10-27 17:31:30
224
原创 ES6 Symbol原始数据类型
ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入 Symbol 的原因。ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。Symbol 值通过 Symbol() 函数生成。Symbol() 函数可以接受一个字符串作为参数。
2024-10-26 07:53:21
198
原创 数据结构Set\WeakSet\Map\WeakMap区别
成员都是对象，成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏，不能遍历。键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的。[value, value]，键值与键名是一致的（或者说只有键值，没有键名）只接受对象作为键名（null 除外），不接受其他类型的值作为键名。可以遍历，方法很多可以跟各种数据格式转换。本质上是键值对的集合，类似集合。成员唯一、无序且不重复。
2024-10-25 08:08:06
252
原创 WeakSet结构介绍
上面代码中，a 是一个数组，它有两个成员，也都是数组。将 a 作为 WeakSet 构造函数的参数，a 的成员会自动成为 WeakSet 的成员。注意，是 a 数组的成员成为 WeakSet 的成员，而不是 a 数组本身。这意味着，数组的成员只能是对象。WeakSet 结构与 Set 类似，也是不重复的值的集合。WeakSet 是一个构造函数，可以使用 new 命令，创建 WeakSet 数据结构。首先，WeakSet 的成员只能是对象和 Symbol 值，而不能是其他类型的值。
2024-10-24 19:45:55
208
原创 JS纯函数优点
首先，我们来了解：就是一个函数的返回结果只依赖于它的参数，不依赖于且不改变它作用域之外的变量状态的函数，并且在执行过程中没有副作用，我们就把这个函数叫做纯函数。
2024-10-23 21:27:17
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人