- 博客(22)
- 收藏
- 关注
RSS订阅原创 v-if和v-show
5、v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show 只是简单的基于 CSS 切换；如果需要非常频繁地切换，则使用v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。2、v-if 通过动态向DOM树增删DOM元素，v-show 设置display来进行隐藏。1、v-if 与 v-show 都可以动态控制 DOM 元素的显示隐藏。1、v-if 有更高的切换开销，v-show 有更高的初始渲染开销。
2023-07-23 10:07:00
57
原创 性能优化之 -- 虚拟滚动
大大减少DOM操作，减少渲染时间和内存占用。从而解决页面加载慢、卡顿等问题，改善用户体验。的技术，它只渲染可见部分的列表项，而不是渲染整个列表。注意，这里是伪代码，详细。本质上就是 按需渲染。容器高度 和 消息列表。
2023-07-23 10:05:20
385
原创 组合式API和选项式API
选项型API在代码里分割了不同的属性: data,computed属性，methods，等等。组合型API能让我们用方法（function）来分割，相比于旧的API使用属性来分组，
2023-07-13 17:10:51
62
1
原创 字面量和联合类型的使用
场景1：性别只能是 ’男‘ 和 ’女‘，就可以采用联合类型配合字面量的类型定义方案。字面量类型在实际应用中通常和联合类型结合起来使用，提供一个精确的可选范围。场景2：ElementUI中的el-button组件按钮的type属性。
2023-07-11 19:45:00
34
原创 ref reactive computed define props define emits 的类型注解
2.defineEmits配合ts 类型声明，可以实现更细粒度的校验。1. 通过泛型指定value的值类型，如果是简单值，该类型可以省略。defineProps配合ts的泛型定义props，这样更直接。2.通过泛型可以指定conputed计算属性的类型。1.defineEmits配合运行时声明(简单)1.利用TS类型推导的能力（推荐）props可以通过解构来指定默认值。2. 复杂类型，推荐指定泛型。通过泛型参数的形式增加类型。
2023-07-11 14:00:00
21
原创 递归的实现原理
2.利用递归函数结合setTimeout实现setInterval的效果。简单来说就是函数自己调用自己。3.利用递归完成数组转树。1.求数组第n项的和。
2023-07-11 09:36:46
24
原创 Vue组件通信：简化前端应用程序开发的关键
Vue.js作为一种流行的JavaScript框架，提供了多种灵活的方法来简化组件之间的通信。本文将介绍Vue中常用的几种组件通信方式，以帮助开发者更好地构建可扩展和可维护的应用程序
2023-05-30 16:34:19
45
原创 聊聊Vue生命周期
Vue生命周期过程中，会自动运行一些函数，被称为生命周期钩子 → 让开发者可以在特定阶段运行自己的代码。聊到生命周期,就不得不提到Vue生命周期钩子,什么是生命周期钩子?生命周期四个阶段：① 创建 ② 挂载 ③ 更新 ④ 销毁。就是一个Vue实例从创建 到 销毁 的整个过程。3.更新阶段：修改数据，更新视图。1.创建阶段：创建响应式数据。4.销毁阶段：销毁Vue实例。什么是Vue生命周期?2.挂载阶段：渲染模板。
2023-05-10 09:14:06
29
原创 在前端布局中,实现一个子盒子，在父盒子里面水平居中和垂直居中有哪些方法？
我们在日常工作中,常常会需要让一个子盒子，在父盒子里面水平居中和垂直居中,那么实现这个效果,有哪常见的方法呢?
2023-03-06 11:13:28
114
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人