- 博客(22)
- 收藏
- 关注
RSS订阅原创 虚拟dom，和真实dom更新/初始渲染的性能对比
真实 DOM 是指浏览器中的实际 DOM 树，代表了页面的结构和内容。任何 DOM 操作都会直接影响到页面的渲染，可能引发页面的重排（Reflow）或重绘（Repaint）。
2024-11-06 11:18:33
1709
原创 vue2 的 mixin 的优缺点
mixin在 Vue 2 中是一种有用的功能，能够有效实现逻辑复用。但它也有一些潜在的问题，特别是当项目规模变大时，可能会导致命名冲突、调试困难和代码的不可预测性。在大型项目中，建议考虑使用 Vue 3 的或其他替代方案来管理逻辑复用。
2024-11-06 11:01:14
1493
原创 前端 权限管理怎么做？不同的角色看到不同的页面，不同的组件怎么做？
具体来说，常见的做法是根据用户的角色或权限，动态渲染不同的页面或组件。根据用户的角色，决定用户是否可以访问某些页面，或者展示不同的页面组件。假设我们有两个角色：`user` 和 `admin`，并希望 `admin` 用户访问 `/admin` 页面，`user` 用户访问 `/user` 页面。如果需要根据用户角色来动态生成菜单，可以在 Vue 组件中动态渲染菜单项，判断用户的权限后决定哪些菜单项可见。结合以上方法，可以实现一个灵活的前端权限管理系统，确保不同的用户和角色看到不同的页面和组件内容。
2024-11-06 10:47:20
1655
原创 import { unref } from ‘vue‘
是 Vue 3 中的一个函数，主要用于处理响应式数据。的值时，可以更方便地获得实际的值，而不需要手动判断其类型。让你能够统一地处理响应式数据和普通值。这样，你在处理可能是。
2024-11-04 18:13:56
223
原创 17、泛型学习
/ 使用泛型优化: 函数名后面跟上<泛型名称> ,一般定义为T（意为type）,再把类型赋值给参数function fn<T>(a: T, b: T): Array<T> { // 返回的类型也为T// 推断为numberfn(1, 2) // （简写）function fn<number>(a: number, b: number): number[] (+1 overload)fn<number>(1, 2) // （全称）
2023-04-04 17:02:57
71
原创 15、symbol类型
// 用法 description?: string | number | undefinedlet sy1: symbol = Symbol()let sy2: symbol = Symbol('123')let sy3: symbol = Symbol(123)let sy4: symbol = Symbol(undefined)// let sy5: symbol = Symbol(null) // 报错，不符合条件let sy6: symbol = Symbol(123)
2023-04-04 15:35:25
91
原创 8、函数类型
console.log(fn1('谈破去年', 15));// 谈破去年15// ts可以定义this的类型，在js中无法使用// 必须是第一个参数定义this的类型（其实不定义也可以正常使用this.的提示）fn(this: Obj, num: number) { // 传参时忽略掉第一个参数，从第二个参数开始排console.log(this.name + '今年' + num)obj.fn(20) // huangzi今年20。
2023-03-30 17:39:11
56
原创 4、接口和对象类型
需要注意的是，一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集。作用：匹配形状是否一样，一般常用在对象上。
2023-03-29 17:47:09
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人