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