- 博客(34)
- 收藏
- 关注
原创 前端a-tree遇到的问题
在使用a-tree时候,给虚拟滚动的高度,然后展开a-tree滑动一段距离 比如这样。在折叠面板绑定一个key触发组件的更新。随后你切换页面,在返回这个页面的时候。就会出现这样的bug。
2024-07-15 11:29:05
258
原创 vue数字翻盘,翻转效果
下面为代码,使用的时候直接引入,还有就是把图片的路径自己换成自己或者先用颜色替代,传入num和numlength即可。实现数字翻转的效果上面为出来的样子。
2024-05-28 14:09:02
528
原创 前端循环不同参数发起请求(axios)
今天的碰见的问题是,后端返回的数据是一个list,但是没有对应list的src,需要拿取list的唯一标识符去循环调取另外一个接口,再建立一个primise的数组,存储返回来src的批量容器。然后是遍历数据,获得每个数据的唯一标识符。首先是请求list的数据。
2024-03-21 10:04:58
260
原创 vant的时间选择器van-date-picker默认选中当前的时间
需要结合一下 v-model 这里需要注意的是 默认的格式必须是数组,否则打开会提示。这块我选择的dayjs结合处理一下数据,记得最会使用split的方法进行转数组处理。效果如上面的 比如今天是1.09号 默认打开的是今天的时间。
2024-01-09 13:37:51
2338
原创 后端返回来带html的标签,如何处理
如果你只想展示返回的内容,不需要返回来的html标签处理,则可以使用正则进行处理。我使用的vue的 react同样的处理方法。
2024-01-05 13:47:57
720
原创 在使用SeamlessScroll组件时,踩过的坑
今天在这个组件,正常传值的时候,发现不自动滚动,以为时数据错了,才发现,底层封装组件的时候,是靠计算属性进行计算,但是传值的是异步请求,后端传值过来的,因此,传值过去是空值,导致后续的判断不执行,从而不滚动,同理vue3-seamless-scroll和vue-seamless-scroll组件不滚动,实际是一样的原理,异步请求的数据较慢,组件获取的是一个空值,导致不滚动。在他的源码里面 对判断这块的逻辑更换一下。
2023-12-29 17:24:17
822
原创 记录知识点version-rocket
用户在浏览器中打开某 web 应用很长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。插件是通过线上原有版本号与部署新应用的版本号进行对比,两次版本号不同,则判定有应用有更新,从而实现提醒。此处使用插件实现的主要功能就是通过页面右下角弹窗的形式,提醒到用户应用有更新,可以通过刷新体验新功能。当然,也有更高级的场景,可以通过底部链接进到官网了解和学习。
2023-12-28 15:40:19
446
原创 JS计算乘上100的时候,精度会丢失的问题
即使已经加了Number强制转数字,出出现了精度丢失的问题。网上查阅资料以后使用了一下方法解决。在数据处理的时候今天碰到一个问题。会显示出很多很多的000000‘
2023-12-01 15:24:55
653
原创 前端页面详情页体验优化
遇到每次点击详情页时候,有接收请求的这个过程中在PC端可以通过进度条来判断,移动端可以采用try catch以及finally方法来判断,首先在try里面使用vant的弹窗组件,在finally最后关闭。
2023-08-11 14:13:38
86
1
原创 Vue表单提交代码优化
在做表单的时候,会碰见确定和提交两个按钮,之前的写法是两个按钮不同的事件,但是优化后是通过一个按钮传一个Boolean值来判断是否触发那个请求。
2023-08-11 14:08:40
55
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
466
1
原创 学习Bootstrap组件的记录
首先使用Bootstrap实现原生js的栅格布局非常的容易,需要先引入bootstrap的容器,其次内部他使用了预先类名处理,因此我们需要一个.container的类名的一个容器。然后我们需要在容器的里面划分行,
2023-06-18 11:43:06
40
原创 Vue3的Vscode插件Volar插件失效问题
最近在写v3的项目时候,发现自己的Voar插件失效,没有任何代码提示,排查了好久,才发现是自己的vscode版本和Volar版本不对应,最新的Volar插件不支持旧版本的Vscode插件,因此我们可以下载最新的Vscode或者降低Volar插件,不过Volar官方最低版本好像是一月之内,再以前的版本已经删除了,尽量是更新最新的Vscode版本。
2023-06-09 10:53:43
3335
原创 前端控制台报错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
530
原创 Win7使用yarn命令throw new ERR_SYSTEM_ERROR(ctx);
解决的方法是我看了一个大佬的文章 大致是win7系统的node版本有问题,多半是win7系统强制更新的node版本的问题。在node_modules的包里面找到这个文件夹。然后在重新启动就会发现可以正常运行了。
2023-06-02 09:02:43
682
原创 微信小程序 “某个颜色“ is not hexColor “red“ is not hexColor
由于大家在写Uniapp中在写小程序的时候,在颜色定义的时候发现Uniapp运行在H5端颜色没有问题,而在小程序的时候就会报以上的错误,此时需要注意的是小程序颜色需要16进制的代码,因此我们需要在Uniapp中修改小程序的颜色格式,再此运行就没有错误了。
2023-05-13 12:27:15
502
原创 React网络请求(axios)根据不同的请求前缀分发不同的网络地址
我们可能有这样的需要,如果axios的的请求前缀不同话,在自己设置的反向代理就不起作用了。上面的代码需要在.setupProxy.js,下面的代码需要在axios的封装里面的bease路径中设置。第二种:通过网络的路径重写进行设置一个伪路径,然后需要在axios的的基准路径设置伪路径。第一种:直接复制app.use的重新复制一份,重新写一个路由规则。
2023-02-04 14:24:28
402
原创 React路由V5版本的封装(类组件的封装)
首先在封装react组件的前提是:v5版本的路由,以及需要创建一个自己文件夹,我这块的文件夹名称为:router,router文件夹包括了一个路由的配置规则,还有一个是自己封装的路由组件。以上的路由组件封装缺少二级路由的封装,因此需要大家自己根据思路完成二级路由的完善,
2023-02-04 14:17:22
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人