- 博客(15)
- 收藏
- 关注
RSS订阅原创 表单的统一校验
再给比如我这个项目举例,在登录页面要把用户名和密码全填上之后才能进行登录所以此时需要先给登录的盒子绑定一个点击事件。这里的valid只有所有的表单通过才会为true。这里给el-form设置ref属性。
2025-06-24 12:07:00
161
原创 关于自定义校验规则
通过这个函数可以获取我们的value值判断是否勾选,如果勾选就调用callback函数,如果没有勾选就调用callback里的new Error。ElementPlus表单组件内置了初始的校验配置,应付简单的校验只需要通过配置即可,如果想要定制一些特殊的校验需求,可以使用自定义校验规则。
2025-06-24 11:36:46
267
原创 关于登录页中表单的校验
ElementPlus表单组件内置了表单校验功能,只需要按照组件要求配置必要参数即可。el-form-item(绑定使用的规则字段)el-form (绑定表单对象和规则对象)el-input(双向绑定表单数据)按照接口字段准备表单和规则对象并绑定。这个要和上面的prop字段的一样。这个规则要按照产品的需求来制定。
2025-06-24 11:21:01
160
原创 一个js中的非常实用的方法函数
是一个范围限制函数(也称为钳制函数),它的作用是确保给定的值value始终落在指定的最小值和最大值范围内。当min<=vakue<=max 时->返回vlaue本身。这个函数在放大镜中的边界控制会有很好的使用。,返回两者中的较小值。再比较上一步的结果和。,返回两者中的较大值。
2025-06-23 13:59:36
426
原创 Vue中无限滚动的实现
具体实现添加一个 v-infinite-scroll="load"这个 实现的是当划到底部时获取新的数据进行新老数据拼接,:infinite-scroll-disabled="disabled"是使其停止监听,如果不停止监听。然后再上面写一个load函数,如果到下面的边界了就使页数+1,然后获取接口数据,应用es6。在element plus中是这样简述的。的解构方法新老数据进行拼接.：导致无限请求、性能下降。
2025-06-21 11:25:20
279
原创 Vue中使用逻辑函数拆分业务
2.函数use打头,内部封装逻辑,return组件需要用到的数据和方法给组件消费。个人觉得和hooks和Pinia有相似之处,只不过这个范围小而已。1.逻辑拆分的过程就是一个拆分再组合的过程。在封装的文件里写逻辑。在主页就显得更加简洁。
2025-06-20 14:22:14
182
原创 vue3中解决路由缓存问题
使用带有参数的路由时需要注意的是,当用户从 /users/johnny导航到/users/jolyne时,相同的组件实例将被重复使用.因为两个路由都渲染同个组件,比起销毁再创建,复用显得更加高效.不过,.就类似一级分类中分类中的数据有时候模板是一样的数据不一样,但是生命周期钩子不被调用的话参数就无法传入,这样的话如果有相同的数据就会去复用那个组件,如果是不同的就会再去发送参数请求。在官方文档中是这么使用的,所以我们可以用下面类似的模板解决这个问题。解决思路:1.让组件实例不复用,强制销毁重建.
2025-06-20 13:35:50
516
原创 es6中Promise
1.对象的状态不受外界影响 处理异步操作 三个状态 Pending(进行中) Resolve(成功) Rejected(失败)then() 第一个参数是resolve回调函数,第二个参数是可选的 是reject状态回调函数。then的第一的回调函数返回的就是成功所接收到的值,第二个返回的是失败所接收到的值。Promise相当于一个容器,保存着未来才会结束的事件(异步操作)的一个结果。then() 返回的是新的一个Promise实例可以采用链式编程。各种异步操作都可以用同样的方法进行处理 axios。
2025-06-05 17:50:26
264
原创 css之定位
4.粘性定位 可以做到顶吸效果 类似于京东的页面向下滑动进度条一段时间后,顶部会出现一个固定的盒子一直吸着顶部。2.绝对定位 position:absolute;(1)当父盒子没有定位时,子盒子的定位是相当于浏览器的第一屏。此时如果给top left等加上值div不会发生任何改变。(2)当父盒子有定位时 子盒子的偏移位置是相对父盒子的。1.静态定位:position:static。根据浏览器窗口当前的位置不随着进度条改变位置。使用绝对定位也能使行内元素变为块元素。3.固定定位 该定位也脱离了文档流。
2025-03-13 14:11:50
208
原创 css溢出属性
overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;scroll:滚动,溢出内容以滚动方式显示;overflow-x:X轴溢出;overflow-y:Y轴溢出;2.强制文本在一行内显示:white-space:nowrap;auto:如果有溢出会添加滚动条,没有溢出正常显示;3.溢出内容为隐藏:overflow:hidden;visible:默认值,溢出内容会显示在元素之外;clip:默认值,不显示省略号(...);hidden:溢出内容隐藏;
2025-03-11 11:26:56
192
原创 css基础之盒子 内边距 边框
边框的四个边的颜色与内边距相似可以通过 border-top border-left border-right border-bottom来控制。3.当有三个值时 第一个值表示距离盒子上面的距离 第二个值表示距离盒子左右两边的距离 第三个值表示距离盒子下面的距离。2.当有两个值时 第一个值表示里面的东西距离盒子上下的距离 第二个盒子表示距离盒子左右的距离。solid 表示边框的样式 其样式还有double dashed dotted。1.当padding后面只加一个值时 里面的东西与盒子的距离都是一个值。
2025-03-10 10:32:11
301
原创 css基础之文本属性-大小和字体
5.font-style 倾斜 font-style:italic(斜体字)/oblique(倾斜的文字)/normal(常规显示)；4.font-weight 加粗 font-weight:bolder(更粗的)/bold（加粗） /normal(常规)2.font-family 字体 当字体是中文字体、英文字体中间有空格时，需加双引号；6.text-align 文本水平对齐 text-align:left;
2025-02-28 16:00:29
298
原创 JDK的安装目录
bin：该路径下存放了各种工具命令 其中比较重要的有：javac和java。include：该路径下存放了一些平台特定的头文件。lib：该路径下存放了工具的一些补充JAR包。legal：该路径下存放了各模块的授权文档。conf：该路径下存放了相关配置文件。jmods：该路径存放了各种模块。
2025-02-24 14:31:42
204
原创 环境变量配置 为什么要配置环境变量？关于Path环境变量的配置
找到Path点击编译 然后新建输入%JAVA_HOME%\bin 然后点击确定就完成了Path的环境配置。点击编辑然后新建把文件的路径复制黏贴进去这样就可以在任意的目录下打开指定的软件了。我们想要在任意的目录下都可以打开指定的文件。可能部分win10的电脑会有一个小bug 重启之后环境变量配置会失效。配置Path环境变量（配置Path环境变量是为了以后的软件服务的）点击新建 变量名输入JAVA_HOME 变量值输入该路径不带bin。2.再配置Path（%JAVA_HOME%\bin）
2025-02-24 14:28:46
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人