- 博客(17)
- 收藏
- 关注
原创 微信小程序echarts
微信小程序echarts除了书写的规范之外还有就是你的echarts文件节夹的放置位置很重要一定要在同一个文件夹里面。此文件在page文件夹下面我将文件夹直接放在下面大家可以直接下载使用。
2024-04-09 15:02:26 209
原创 【json-server】安装踩坑指南
第二种fastmock,这个应该是最方便的,但是!他网站因为一些原因要停服了,如果还有在使用的朋友赶快看一看自己以前的数据等等,他现在还提供给本地安装的服务后面就不知道了。最近在尝试使用vue3写联系项目,因为不是开发项目,只是自研,所以没有对应的后端接口帮我,所以想要使用【json-server】等前端可以使用的模拟接口来进行后续的研究。第一种mock没有成功,我尝试的很多方法,vue3+ts+view+mock的达咩,行不通,不知道是不是自己的版本安装不对,很难受。一定要在cmd的终端中进行运行!
2024-04-03 16:05:38 374 1
原创 html+jq计算距离window边距改变弹窗方向
(".container").on("mouseenter", function () {})是这个元素的悬浮方法触发。加了220是弹窗的宽度我给了固定的宽没有给固定宽的朋友要另外一个方法计算一下你的弹窗的宽度加上,比如这个样子。在弹窗的css上不要给right left top和bottom因为会影响后面的计算改变弹窗展示方向。container是我要悬浮的位置,info是我的弹窗css。没有写出弹窗的写法可以参考一下css的解决方法。以下是弹窗展示方向的计算。剩下的就做判断就好了。
2024-03-05 16:22:09 243 1
原创 vue+ant design table表格单元格复制功能
1.单元格可以根据后端返回数据变换背景颜色,改变样式2.在单元格内加入复制按钮,并且可以进行复制功能3.可以进行点击a标签链接进行跳转4.防止内容太长,table单元格显示不全,所有链接单元格需要有悬浮显示内容效果(有个小bug,在这里显示的时候是悬浮弹窗中显示一个table,然后这个table的单元格再有悬浮显示内容效果,就会出现一种情况,当我放在table单元格的悬浮值上时,我的table悬浮弹窗就关上了。。。待解决。。。
2024-02-02 15:32:52 934
原创 vue2+i18n中英文转换实例
下载i18n依赖"vue-i18n": "^6.1.3",版本。在src\utils\i18n\index.js建立文件。
2024-02-01 14:11:00 396 1
原创 日常安装依赖所遇问题笔记(实时更新)
解决方法:使用管理员权限删除了整个项目的依赖包node_modules,然后重装,就没有报错 了。所以降了版本,显示降到@8还是少一个又降到@5还是少一个,报错信息为。第一次安装的@9的版本报错,提示在依赖中缺少文件。20240201安装i18n语言类型转换依赖。
2024-02-01 10:27:56 585 1
原创 vue前端循环中去重的重要性,以及去重方法
最近在做项目的时候发生了一个问题,那就是代码运行很慢,我们检查了很长时间,结果发现是后端在处理数据的时候使用了循环方法,循环没毛病,有毛病的是数据没有去重,那么这个数据有会重复的被循环被处理,从而拖慢了程序的运行速度。我也检查了一下前端的代码,你看看咋地,前端的去重也很重要啊,除了正常的循环渲染,去重真的很重要,而且我们自己前端在代码中也减少判断,在数据量庞大的情况下,判断渲染,循环处理都会拖慢程序的,以下为整理的循环去重方法,一、获得去重后的数组。
2024-01-31 16:14:44 620
原创 vue前端循环方法整理
includes() 方法检查数组是否包含某个特定的元素,如果包含则返回 true,否则返回 false。slice() 方法返回一个原始数组的浅拷贝,从起始索引到结束索引(不包含结束索引),不会修改原始数组。forEach() 方法是用于数组的常用迭代方法,它可以用来遍历数组中的每个元素并对其执行指定的操作。map() 方法创建一个新数组,其中包含对原始数组的每个元素应用指定函数的结果。concat() 方法用于连接两个或多个数组,并返回一个新数组。indexOf() 方法返回指定元素在数组中的。
2024-01-30 15:49:38 488 1
原创 用a-textarea+v-html写出一个类似富文本可监控回车的输入框
【代码】用a-textarea+v-html写出一个类似富文本可监控回车的输入框。
2024-01-26 16:02:48 430 1
原创 ant design table表格前两列固定且宽度固定,其他列有固定宽并可以滚动
1.有一个大概40列*80行的table列表,除了在小屏幕上希望可以滚动显示,并且在打屏幕上需要全屏,不可滚动、不可分页的显示所有数据。在列少时:比如除前两个列之外还有两列,这两列的内容没有撑满表格,而强两列的固定列重复显示两次如下图所示。3.其他列如果列少时需要适应屏幕宽度显示,列多时需要有最大宽度并有滚动效果。emmm,写的比较简便,如果通过这个代码不太明白的地方可以私信交流。可能上面说的太笼统,下面我就给出一个稍微全的代码。2.前两列固定在左侧,且宽度固定。原因是我在后面的列的设置中加入了。
2024-01-15 17:59:31 1402 1
原创 纯前端写一个平分四份的圆,并且每一份之间10px,并有悬浮效果
最后我实现了一个很帅的表格(自认为),如果有小伙伴遇到了类似的问题欢迎谈论交流,如果对于处理方法或者思路有疑问可以随时留言,在这篇我就不详细写他的解决方法了,希望可以帮到大家。且header数据是不固定需要后端返给前端的,所以你所得到的内容数组data所对应的字段也是随时会变的大家也可以想一下更好的方法出来。而且这个table不仅仅是一个普通的table,他的header是一个子父集关系的合并header,但是这个圆的每四分之一块代表一个字段,每个字段有不同的值,根据不同的值显示不同的颜色,
2023-12-26 17:18:16 456 1
原创 ant design table嵌套table 表格嵌套子表格,并根据条件显示不同内容,是否为可点击跳转页面的链接
其实ant design中也有但是,这个方法贼傻,但是他可造作性抢啊,我还能固定首列之类的操作都不会影响,简直yyds。内容就是这个的标题直接上代码。
2023-12-20 15:13:52 1049
原创 reduce方法迭代数组
reduce方法在js方法中感觉没有for和foreach循环用电脑多嘞。但是reduce方法真的很好用,减少代码量必备。这个样子的对象怎么做。
2023-12-11 10:31:08 363 1
原创 ant design table表格分页
同志们是不是发现有时候自己设置了分页,虽然分页显示出来了,但是在mounted或者任何时候给分页页数赋值的时候赋值不上去,虽然不应想传值。当你点击自定义的刷新按钮,将分页改回第一页,数据改回了第一页,但是触发状态还是第二页。但是有一个问题,比如你选择了第二页,现在的触发状态是第二页,数据也是第二页。你的分页字段一定要写他规定的!
2023-12-08 16:10:24 588
原创 ant design 树形下拉展示其他字段值的实现 树形接口数据筛选
但是本次项目要求想要点击子节点时在上面的显示框中显示此子节点以及以上的所有父节点,类似于:我点击选择的name2,需要在展示框中显示name1/name2。你以为我们是要用ant design组件自带的东西把他搞出来,嗨嗨嗨,没想到吧,最后我还是靠了后端。但是我的代码中没有成功,愿意试试的小伙伴可以再试试,帮忙再调试一下,然后给我一个结果。是我学艺不精,只想得出这种垃圾的方法,如果大家有什么好的解决发放,请一起分享出来。是的我们饶了一大圈,就是完成客户好似有大病的需求,展示父级和子集全部。
2023-12-07 16:19:22 769 2
TA创建的收藏夹 TA关注的收藏夹
TA关注的人