- 博客(65)
- 收藏
- 关注
原创 elementPlus中form校验基本使用
在Element Plus中,Form表单的校验规则是通过一系列的校验对象和属性来实现的。以下是对Element Plus中Form表单校验规则的详细解释:绑定数据对象:绑定校验规则:绑定表单元素:指定校验字段:内置校验规则: 自定义校验规则: 绑定ref属性:触发校验: 通过以上步骤和注意事项,就可以在Element Plus中实现Form表单的校验功能。如需更多信息,可以访问Element Plus官方文档。
2024-12-05 09:23:06
571
原创 vscode快捷键
常用的快捷键(基于默认设置),分为编辑、导航、调试等类别。如果你使用的是 Mac,(Mac)打开快捷键设置,搜索并修改自己习惯的快捷键。)可以让你用其他编辑器的习惯操作 VS Code。(Windows/Linux)或。
2024-11-25 15:50:05
400
原创 echarts中toopltip中如何加滚动条
confine: true, //设置 浮框 限制在 图表的区域内。enterable: true, //设置鼠标 是否可以进入浮框中。
2024-11-13 11:00:34
162
原创 js监听dom变化
在 MutationObserver 的回调函数中,mutations 参数是一个 MutationRecord 对象数组。这个数组包含了对触发变化的 DOM 元素进行的所有更改的描述。是 JavaScript 中的一个接口,用于监视 DOM 树的变化。它提供了一种异步方式来跟踪对 DOM 树所做的更改,并在这些更改发生时触发回调函数。来监视节点的子节点的添加、删除、属性变化等。对象会在指定的 DOM 节点上监听指定类型的 DOM 变化,并在这些变化发生时执行回调函数。
2024-03-29 09:39:29
911
原创 工作中不常用的一些vue属性
scopedSlots 所有插槽 都能获取到,但是里面都没东西(在具有插槽的子组件这边打印,检查父组件是否使用作用域插槽)$slots 只能获取普通的具名插槽,里面有东西(在具有插槽的子组件这边打印,检查父组件是否使用普通具名插槽)$attrs 将上一级元素的属性和事件传递到下一级,中途的属性传值可以被props截取,导致丢失。$listeners 将上一级元素的事件传递给下一级,不会丢失。
2024-03-13 15:37:46
420
原创 语音播报功能
/ 设置说话的速度(0.1-10 默认1,值越大语速越快,越小语速越慢)speech.pitch = 1;// 设置话语的音调(0-2 默认1,值越大越尖锐,越低越低沉)speech.lang = "zh-CN";// 设置说话的音量。let speakText = `床前明月光,疑是地上霜`// 如果过了0点要刷新。
2024-03-12 17:01:00
589
原创 解决element中table在页面切换时候表格底部出现空白
因为在这些方法中,组件的样式已经被渲染了,所有异步请求的数据也可以直接渲染到组件上。activated()是Vue中一个很重要的生命周期函数,它是在组件大概率会被复用时调用的。keep-alive是Vue中的一个抽象组件,可以使被包含的组件缓存到内存中,这样可以避免通过销毁和创建新组件的方式,提高应用性能。activated()函数和created()函数的区别在于,activated()函数是在组件被复用时调用的,而created()函数是在组件实例被创建时立即调用的。
2023-10-10 17:42:31
546
原创 node.js (fs文件系统模块,path路径模块,http模块web服务器)
node.js是js的后端运行环境浏览器是js的前端运行环境node.js张无法调用DOM和BOM和ajax等浏览器内置APInode.js是一个基于ChromeV8引擎的JavaScript运行环境。
2023-05-04 18:07:38
539
原创 浏览器渲染原理
当我们修改会影响到几何信息的时候,我们修改的是cssom或dom。即重新布局重新排版了一遍reflow的本质就是重新计算layout树。当进行了会影响布局树的操作后,需要重新计算布局树,会引起layout。为了避免连续的多次操作导致不拘束反复计算,浏览器会合并这些操作,当js代码全部完成后再进行同意计算。所以,改动属性造成的reflow是异步的。也同样因为如此,当js获取布局属性时,就可以造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取几何信息的属性立即reflow。
2023-04-24 17:59:36
400
原创 webStrom绑定配置svn
这是提交页面 ,切记先拉再提,拉取和提交的时候都看好自己的代码,尤其拉取合并的时候要小心。,会弹出一个窗口填写svn账号。记得向管理svn的人要账号。如果在这个地址的svn项目中你还没有配置相应的svn账号。到这一步之后右上角会有svn的拉取提示快捷按钮。在这里配置你要拉取得svn的项目地址,配置完成后可以拉去提交。继续配置svn的地址。
2023-04-24 09:36:31
2863
原创 深浅拷贝的理解
js中数据类型分为:基本数据类型:Number,String,Boolean,Null,Undefined,Symbol对象数据类型(引用数据类型):Object引用数据类型的值是保存在栈内存和堆内存中的对象.栈区内存内存保存变量标识符和指向堆内存中该对象的指针.当寻找引用值时,解释器会先寻找栈中的地址.然后根据地址找到堆内存的实体.
2022-12-17 20:46:19
564
原创 关于vuex的知识点
Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储,管理应用中所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2022-11-30 12:25:00
166
原创 vue3和typescript知识点总结
使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂需求1: 收集用户鼠标点击的页面坐标hooks/useMousePosition.ts/*收集用户鼠标点击的页面坐标*/// 初始化坐标数据// 用于收集点击事件坐标的函数}// 挂载后绑定点击监听})// 卸载前解绑点击监听})}import {
2022-11-28 11:19:29
1010
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人