- 博客(41)
- 收藏
- 关注
原创 SpringWeb搭建项目遇到的坑
发现自己的main 出口文件和接口文件是一个平级的目录 导致一直请求不到。还有遇到的一个问题是 路径怎么都匹配不上的时候。不要选择下面的Processor path。出口文件一定不要和接口文件是平级目录。1.如果使用lombok显示未定义。
2025-04-09 07:21:19
134
原创 uniapp项目琐碎点
在css中如果表示必须class中含有 box 和more的时候 则不能有空格!如果有空格则会是使用css的子类选择器。如果css中如果类名连接 不出现空格 则表示这class类中的两个类 例如。根据自身的内容设置宽度 非常的实用。
2025-04-08 01:57:30
128
原创 Flex布局使用Flex:1时候,设置 width: 0;效果
在使用flex:1时候 让他自动占空间,但是如果比如后面的内容过多的时候。,导致前面内容直接被挤压掉。如果给后面flex:1设置width: 0 效果。导致前面内容即使设置宽度,也会是被挤压。后面的内容则不会被挤压。
2025-04-08 01:50:32
138
原创 uniapp的v-for不显示或者swiper-item的不显示
下面在使用v-for的时候就不能在使用i这个变量了,改为其他名字 这里我改成了item 如果我用i 则在小程序中 不展示。最后排查的原因是同一个组件 swiper-item的 v-for不能用相同的名称。今天开发的时候碰见一个问题,在布局的时候发现v-for遍历的时候不显示内容。H5是正常的 但是在小程序就是不显示。
2025-04-04 14:35:35
378
原创 react复习笔记一
3 当视图更新的时候,会重新的按照最新的数据,把 jsx 编译为一个全新的 VirtualDOM,并且用 新的VirtualDOM 和之前 旧的VirtualDOM 进行对比(DOM-DIFF),计算出差异的部分,最后只把差异的部分进行更新!@4 基于胡子语法渲染的内容,都被当做普通字符串进行渲染,无法识别其内部的HTML标签(类似于v-text);-----> 不论是Vue还是React,构建的视图都有一套编译机制:VirtualDOM(虚拟DOM)-> DOM-DIFF -> 真实DOM。
2025-03-18 16:52:22
770
原创 vue项目的琐碎点
2.在vue2中存在vue如果要给初始化后对象添加的属性的时候需要用到官方提供的$set的api。4.如果在配置动态路由的时候,需求是传参和不传参不固定的时候则需要,给动态路由配置一个?1.在封装axios的时候,需要提前考虑文件下载的时候Blob文件流的请求。3.对象的合并以及添加新的属性。大概和可选链的作用差不多。
2025-03-11 23:03:51
360
原创 前端a-tree遇到的问题
在使用a-tree时候,给虚拟滚动的高度,然后展开a-tree滑动一段距离 比如这样。在折叠面板绑定一个key触发组件的更新。随后你切换页面,在返回这个页面的时候。就会出现这样的bug。
2024-07-15 11:29:05
390
原创 vue数字翻盘,翻转效果
下面为代码,使用的时候直接引入,还有就是把图片的路径自己换成自己或者先用颜色替代,传入num和numlength即可。实现数字翻转的效果上面为出来的样子。
2024-05-28 14:09:02
1244
3
原创 前端循环不同参数发起请求(axios)
今天的碰见的问题是,后端返回的数据是一个list,但是没有对应list的src,需要拿取list的唯一标识符去循环调取另外一个接口,再建立一个primise的数组,存储返回来src的批量容器。然后是遍历数据,获得每个数据的唯一标识符。首先是请求list的数据。
2024-03-21 10:04:58
321
原创 vant的时间选择器van-date-picker默认选中当前的时间
需要结合一下 v-model 这里需要注意的是 默认的格式必须是数组,否则打开会提示。这块我选择的dayjs结合处理一下数据,记得最会使用split的方法进行转数组处理。效果如上面的 比如今天是1.09号 默认打开的是今天的时间。
2024-01-09 13:37:51
3660
原创 后端返回来带html的标签,如何处理
如果你只想展示返回的内容,不需要返回来的html标签处理,则可以使用正则进行处理。我使用的vue的 react同样的处理方法。
2024-01-05 13:47:57
1127
原创 在使用SeamlessScroll组件时,踩过的坑
今天在这个组件,正常传值的时候,发现不自动滚动,以为时数据错了,才发现,底层封装组件的时候,是靠计算属性进行计算,但是传值的是异步请求,后端传值过来的,因此,传值过去是空值,导致后续的判断不执行,从而不滚动,同理vue3-seamless-scroll和vue-seamless-scroll组件不滚动,实际是一样的原理,异步请求的数据较慢,组件获取的是一个空值,导致不滚动。在他的源码里面 对判断这块的逻辑更换一下。
2023-12-29 17:24:17
1495
原创 记录知识点version-rocket
用户在浏览器中打开某 web 应用很长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。插件是通过线上原有版本号与部署新应用的版本号进行对比,两次版本号不同,则判定有应用有更新,从而实现提醒。此处使用插件实现的主要功能就是通过页面右下角弹窗的形式,提醒到用户应用有更新,可以通过刷新体验新功能。当然,也有更高级的场景,可以通过底部链接进到官网了解和学习。
2023-12-28 15:40:19
518
原创 JS计算乘上100的时候,精度会丢失的问题
即使已经加了Number强制转数字,出出现了精度丢失的问题。网上查阅资料以后使用了一下方法解决。在数据处理的时候今天碰到一个问题。会显示出很多很多的000000‘
2023-12-01 15:24:55
904
原创 前端页面详情页体验优化
遇到每次点击详情页时候,有接收请求的这个过程中在PC端可以通过进度条来判断,移动端可以采用try catch以及finally方法来判断,首先在try里面使用vant的弹窗组件,在finally最后关闭。
2023-08-11 14:13:38
129
1
原创 Vue表单提交代码优化
在做表单的时候,会碰见确定和提交两个按钮,之前的写法是两个按钮不同的事件,但是优化后是通过一个按钮传一个Boolean值来判断是否触发那个请求。
2023-08-11 14:08:40
93
1
原创 el-card+el-col实现吸顶效果
今天需要完成的功能为el-card和el-col实现吸顶的效果,首先el-col布局时自适应的,如果只是设置el-card的fixed布局的时候,则需要给外层套一个固定的高度盒子,不然不会占据位置的,让外层的盒子主要占据位置,思路大致为:实现吸顶就是给el-card设置定位为fixed的,然后要解决的时自适应的问题,随着窗口el-card的跨度也要跟随增加,或者减少,因此我们首先要搞定的是el-card的宽度,这里我是直接操纵的dom元素,其中参考的大佬的代码。
2023-07-05 10:35:54
628
1
原创 学习Bootstrap组件的记录
首先使用Bootstrap实现原生js的栅格布局非常的容易,需要先引入bootstrap的容器,其次内部他使用了预先类名处理,因此我们需要一个.container的类名的一个容器。然后我们需要在容器的里面划分行,
2023-06-18 11:43:06
59
原创 Vue3的Vscode插件Volar插件失效问题
最近在写v3的项目时候,发现自己的Voar插件失效,没有任何代码提示,排查了好久,才发现是自己的vscode版本和Volar版本不对应,最新的Volar插件不支持旧版本的Vscode插件,因此我们可以下载最新的Vscode或者降低Volar插件,不过Volar官方最低版本好像是一月之内,再以前的版本已经删除了,尽量是更新最新的Vscode版本。
2023-06-09 10:53:43
3628
原创 前端控制台报错DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which the new node
今天看到测试点击搜索出现loding动画一直加载,看后端数据已经返回出来了,就是在渲染的时候出现问题,此时我们应该考虑下面表单的问题,经过一顿搜索发现v-if的时机有点问题,因此我们可以把v-if改成v-show,再次刷新页面,发现抱错已经没有了。
2023-06-09 10:43:18
623
原创 Win7使用yarn命令throw new ERR_SYSTEM_ERROR(ctx);
解决的方法是我看了一个大佬的文章 大致是win7系统的node版本有问题,多半是win7系统强制更新的node版本的问题。在node_modules的包里面找到这个文件夹。然后在重新启动就会发现可以正常运行了。
2023-06-02 09:02:43
901
原创 微信小程序 “某个颜色“ is not hexColor “red“ is not hexColor
由于大家在写Uniapp中在写小程序的时候,在颜色定义的时候发现Uniapp运行在H5端颜色没有问题,而在小程序的时候就会报以上的错误,此时需要注意的是小程序颜色需要16进制的代码,因此我们需要在Uniapp中修改小程序的颜色格式,再此运行就没有错误了。
2023-05-13 12:27:15
660
原创 React网络请求(axios)根据不同的请求前缀分发不同的网络地址
我们可能有这样的需要,如果axios的的请求前缀不同话,在自己设置的反向代理就不起作用了。上面的代码需要在.setupProxy.js,下面的代码需要在axios的封装里面的bease路径中设置。第二种:通过网络的路径重写进行设置一个伪路径,然后需要在axios的的基准路径设置伪路径。第一种:直接复制app.use的重新复制一份,重新写一个路由规则。
2023-02-04 14:24:28
452
原创 React路由V5版本的封装(类组件的封装)
首先在封装react组件的前提是:v5版本的路由,以及需要创建一个自己文件夹,我这块的文件夹名称为:router,router文件夹包括了一个路由的配置规则,还有一个是自己封装的路由组件。以上的路由组件封装缺少二级路由的封装,因此需要大家自己根据思路完成二级路由的完善,
2023-02-04 14:17:22
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人