- 博客(23)
- 收藏
- 关注
原创 数组去重的常见几种方法:
(1)使用使用Set(Set对象只存储唯一值) [...new Set(array)](2)使用indexOf和filter(遍历检查数组通过索引去重)(3)使用reduce方法(创建新数组,不包含重复数组)
2023-12-27 09:58:30
445
原创 12、25前端面试笔试题学习
5、keep-alive(缓存组件,以免多次被创建和销毁,一般用于动态组件)和$nextTick(DOM更新之后执行回调函数,可保障在已经真实的DOM状态下相关函数操作)7.beforeDestroy:此时:vm中所有的:data,methods,指令等,都处于可用状态,马上要执行销毁过程,一般在此阶段:关闭定时器,取消订阅消息,开启定时器,发送请求,订阅消息,绑定自定义事件,等初始化操作。重绘不涉及几何结构的改变,只是元素的外观发生了变化,比如颜色、背景等。的,但页面是旧的,即:页面尚未和数据保持同步;
2023-12-25 11:30:13
173
原创 微信小程序真机调试方法(包括mac和安卓)
2.点击运行-->运行到手机模拟器-->下载真机插件。3.点击运行-->运行到手机或模拟器-->设备运行。4.未受信任(设置-通用-设备管理-点信任)(手机上则会看到微信小程序基座App)手机电脑。
2023-12-15 11:07:01
1857
原创 route(路由)和router(路由实例)在Vue中的使用和区别
2、Router(路由器):router是一个路由实例,负责管理和控制整个应用程序的路由。router一般用于导航路由,监听路由变化,提供路由守卫等功能。1、Route(路由):当前激活的路由,包含当前路由的路径,查询参数,路由参数,元信息等。route只读,一般通过。
2023-12-13 11:12:04
111
1
原创 Vue动态组件、缓存组件、异步组件、条件渲染v-if,v-for,v-show的区别和举例说明
当包裹的组件(component)被切换隐藏时,并不会将组件销毁,而是将其缓存起来,下次再次使用时会从缓存中取出复用的过程)Vue.js 具有内置的组件缓存机制,允许你缓存已经渲染过的组件以便在需要时快速重用它们,而不是每次重新渲染。Vue.js 还提供了异步组件加载的功能,这允许你在需要时延迟加载组件,从而提高初始加载性能。函数来定义组件的导入。当使用异步组件时,组件将在需要时进行懒加载,而不是在初始渲染时立即加载。元素来动态地渲染不同的组件。你可以使用动态组件来根据条件或用户交互加载不同的组件。
2023-12-13 10:06:48
568
1
原创 解决点击按钮延时或多次触发报错的情况
按钮点击的样式变化,通过动画效果改变按钮的颜色和鼠标事件的接受状态,从而在一定时间内阻止用户多次点击按钮。动画效果是按钮文字颜色由红色变为绿色,并且在这个过程中禁用了鼠标事件,使得按钮不会接受新的点击。:适用于用户输入、搜索框输入联想、窗口大小调整等频繁触发的事件,确保只有在用户停止输入或事件静止一段时间后才会执行相关操作。当在点击一个操作的时候,例如提交,调用后端接口的时候可能会出现延时触发或者多次点击报错的情况,我们可以用以下方法解决。:节流是一种在一定时间内只执行一次操作的技术,主要是按照一定。
2023-12-07 15:36:49
513
1
原创 data,methods,computed,watch之间的用法和区别
是 JavaScript 中的属性访问器方法,用于获取和设置对象的属性值。这两个方法通常与对象的属性一起使用,允许你在读取或设置属性值时执行自定义的逻辑。一般来说,可以使用get方法计算属性值,根据对象的其他属性动态生成值;也可以通过set添加一些逻辑,确保设置的值符合特定条件。:设置对象的属性值-可修改。:获取对象的属性值-只读。
2023-12-05 14:59:38
380
原创 <template v-slot:default=“scope“>
v-slot:default="scope" 中v-slot是“ # ”的缩写,用于插槽的声明,使用这个是为了自定义内容,定义一个默认插槽,自定义渲染插槽 //取得当前单元格。scope.$index //当前行的index。scope.row.data //当前行的数据。scope.row //当前行的数据对象。
2023-12-01 16:40:36
402
1
原创 window对象挂载、Vue.component、Vue.use、Vue.prototype的简要介绍区别和使用
的使用都涉及到 Vue 实例的配置、组件的注册和全局方法/属性的添加。总体来说,这些机制提供了在 Vue 应用中扩展功能、组织代码和管理状态的灵活性。变量可以在整个应用程序中访问,但不是 Vue 特有的,而是直接挂载到全局作用域。对象的变量是全局的,而使用 Vue 提供的方法和机制可以更好地组织和封装代码。插件的安装过程通常会在 Vue 实例中注册全局组件、添加全局方法等。一旦注册,你可以在整个应用程序的任何地方使用这个组件。),这个插件提供了处理数据字典的机制。在你提供的代码示例中,
2023-11-24 11:37:07
724
1
原创 vue中数据字典dicts的说明和用法介绍
什么是若依框架:若依框架就是一个后台管理框架,主要使用技术在官网可查,这里简要叙述:主要技术分别是基于springboot、shiro、mybatis、Thymeleaf等,这个后台管理框架可以实现零代码开发,它能让我们大部分时间放在业务开发上面,节省一些不必要的时间,降低技术难度,与开发成本。一般来说,在Python中,字典用花括号 {}标识,键值之间用 冒号:分隔,键-值对之间使用 , 分割。其中,@/utils/dict文件里面主要是数据字典的一些方法,对于字典数据,标签,原始数据的处理;
2023-11-24 10:30:40
6135
1
原创 API接口常用参数:路径参数、查询参数、请求参数、响应参数...
包含在HTTP请求体中,通常用于POST、PUT等请求方法,传递客户端向服务器提交的数据。包含在HTTP响应头部中,用于传递响应的元数据,例如内容类型、缓存控制等。包含在HTTP请求头部中,用于传递额外的信息,例如授权信息、内容类型等。包含在HTTP响应体中,传递服务器对请求的响应数据。用于标识资源的URL唯一标识符或标识特定资源的属性。后面附加的键值对形式传递的,不同参数之间使用。用于身份验证,例如用户名、密码、访问令牌等。查询参数是在 URL 中通过。
2023-11-23 17:41:10
1824
原创 promise和async/await使用方法区别,回调地狱说明和解决方法,以及Promise异步操作常用方法:Promise.reslove、Promise.reject、Promise.all..
该 Promise 对象在可迭代对象中的任何 Promise 对象成功解析时就会被解析。返回一个新的 Promise 对象,该对象在迭代器中的第一个 Promise 解析或拒绝时解析或拒绝。它等待所有的 Promise 对象都被解析(无论是解析还是拒绝),然后返回一个包含所有结果的数组。:返回一个 Promise,该 Promise 在可迭代对象中的所有 Promise 都已被解析或被拒绝后,以解析的形式被解决。:返回一个解析过的 Promise 对象,以给定的值解析。处理成功的回调,通过。
2023-11-23 17:23:10
266
原创 vue数据处理常用操作方法(数组,对象,字符串,数组对象)
5、Object.assign(target,source): 将一个或多个。3、Object.entries(obj):枚举键值对组合-返回一个包含。2、Object.values(obj):枚举键值-返回一个包含。1、concat(str1,str2,...,strN):连接。1、Object.keys(obj):枚举属性-返回一个包含。2、charAt(index):返回指定索引位置的。4、unshift():将一个或多个元素添加到。1、push():将一个或多个元素添加到。
2023-11-23 10:50:59
1246
原创 Vue组件通信方法,常用方法:prop,$emit,Ref,Event Bus,Vuex
综上,Prop 和 $emit 适用于简单的父子组件通信,Ref 适用于直接访问子组件实例,Event Bus 适用于非父子组件之间的通信,而 Vuex 适用于大型应用中的全局状态管理。4. Event Bus(非父子通信)
2023-11-14 09:56:26
115
原创 常见深拷贝和浅拷贝的方法(复制对象+嵌套属性)
一般来说浅拷贝只需要复制对象的一层属性,而深拷贝需要复制对象以及嵌套的属性情况等。如果需要深拷贝复制数据,(适用于深度复制对象,包括嵌套对象和复杂数据结构)(将一个或多个源对象复制到目标对象)(直接将一个对象赋值给另一个对象)(将一个对象复制到目标对象)(适用于纯数据对象)
2023-11-03 15:40:35
200
原创 Ant Design Vue - <a-tabs>默认样式修改 去掉标签下标,去掉标签下长灰线条,改变标签激活与未激活状态的不同样式
使用::v-deep属性,可以轻松改变默认样式,亲测好用。
2023-11-03 15:16:24
1661
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人