自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 VSCode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘

/ VSCode报错Vetur can’t find ‘tsconfig.json’ or 'jsconfig.json’的解决方法,红色波浪报错解决方式。添加这些属性就不会报错了。

2024-04-09 15:21:15 265

原创 echarts 矩形缩放,X轴进行缩放不影响 Y轴。

【代码】echarts 矩形缩放,X轴进行缩放不影响 Y轴。

2024-03-25 11:42:39 155

原创 正则表达式来提取路径中最后一个斜杠之后、问号之前的内容

在这个示例中,我们首先在模板中使用元素来输入URL路径。然后,我们在Vue的data选项中维护了inputPath(用于存储输入的URL)和extractedContent(用于存储提取的内容)两个数据属性。要在Vue中使用正则表达式来提取路径中最后一个斜杠之后、问号之前的内容,你可以使用JavaScript的正则表达式功能。这样,当用户在输入框中输入URL时,提取的内容将根据正则表达式的匹配进行更新,并在页面上显示出来。在正则表达式中,我们使用了反斜杠来转义特殊字符,因为它们在正则表达式中有特殊含义。

2023-08-21 14:21:53 1673

原创 el-table多选框实现单选功能

然后使用toggleRowSelection方法将当前选择的数据切换状态。

2023-08-02 18:48:33 610

转载 echarts 环形图上牵引线样式自定义

echarts牵引线

2022-11-29 11:16:07 935

转载 解决ant-vue SELECT框渲染大量数据卡顿问题

转载 ant-vue大量数据加载

2022-11-07 11:26:48 1332

原创 el-form嵌套el-table 动态每一行验证

数据// 数据格式必须是【对象嵌套数组】,【form】绑定表单,【list】绑定表格form: { // 表格数据 list: [ { id: 1, name: '小叶', age: '12', phone: '123456', show: true }, { id: 2, name: '小李', age: '23', phone: '123457', show: true }, { id: 3, name: '小林', age: '12', phone: '

2022-05-19 15:21:24 2114 1

转载 vue实现左右点击滚动效果

1、在created中使用r e f s 结 合 refs结合refs结合nextTick仍然无法获取到元素的问题:添加定时器2、左右按钮是否可点击根据数据以及当前分辨率可放下的个数确认3、可适应不同分辨率下的情况<!-- --><template> <div> <div class="ProgressBoxTool" v-if="progressList && progressList.length"> ..

2022-04-04 17:01:43 1926

转载 Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点

用Element的组件Table表格,当使用树形数据再配合上多选框,如下:会出现一种问题,点击左上方全选,只能够选中一级树节点,子节点无法被选中,如图所示:想要实现点击全选就选中所有的表格,要另想办法,方法如下:1、首先给table设置一个ref;2、绑定一个@select-all方法;3、定义一个变量,来识别全选框是否被选中,默认为未被选中;checkedKeys: false,4、@select-all绑定的方法如下,Element的Table表格中,select-all表示当用

2022-03-17 20:39:27 9754 8

转载 无感刷新token

涉及到登录token,产品提出一个问题:能不能让token过期时间长一点,我频繁的要去登录。前端:后端,你能不能把token 过期时间设置的长一点。后端:可以,但是那样做不安全,你可以用更好的方法。前端:什么方法?后端:给你刷新token的接口,定时去刷新token前端:好,让我思考一下**需求**当token过期的时候,刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知,避免频繁登录。实现思路方法一后端返回过期时间,前端判断token过期时间,去调用刷新

2022-01-21 10:41:50 264

转载 用 Vue写的倒计时组件,学到不少东西

前言传个参数就实现了功能的感觉真是太棒了。项目完成后,就膜拜了一下大佬的倒计时组件的代码。真是让我学到了不少。列举如下:计时器为什么要用setTimeout而不用setInterval为什么不直接将剩余时间-1。如何将所需要的时间返回出去(有可能我只需要分钟和秒数,那就只返回分钟和秒数,也有可能我全都要)。不确定接口返回的是剩余时间还是截止日期,该怎么同时兼容这两种情况。不确定接口返回的时间是秒还是毫秒单位。好了,你可能不太理解这些问题,但是没关系,看完下面的解释,相信你会豁然开朗。二、开始

2021-12-29 15:01:25 916

转载 CodeFun如期而至

背景将设计稿转代码是前端工程师日常不断重复的工作,这部分工作复杂度较低但工作占比较高,往往又比较枯燥繁琐,有时候开发迭代周期短,静态页面又多,常常让有些前端开发苦不堪言!那么,有没有一款设计稿自动生成代码的工具,减少前端工程师的工作量,提升开发效率?本文推荐一款前端代码自动生成的神器CodeFun,能够完美生成可读性很高的代码,目前支持微信小程序端、移动端H5和混合APP等。也就是说,通过这款工具,设计师再也不用还原走查了,测试再也不用适配样式了,前端开发再也不用切图写样式了,这不就是我们期待已久的神

2021-07-13 14:45:29 9885

转载 移动端1px问题解决方案

高清屏中1px线问题在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在retina屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。为什么高清屏下1px更宽高清屏(retina屏)是指高dpr的设备,其物理像素的密度更大。又分为有两倍屏,三倍屏。dpr:物理像素/css像素在普通屏,1个css像素对应1个物理像素;2倍屏中,一个css像素对应4个物理像素;三倍屏中则是9个。按照这样的置换规则后一张相同的图片在不同的设备上才会

2021-03-19 09:57:38 574

转载 网站都变成灰色了,这其中代码是怎么实现的?(发现文章,记录保存方便查看)

今天是 2020 年 4 月 4 日,星期六,清明节。我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降半旗,北京时间 10 点全国默哀三分钟,来致敬英雄们。同时今天一切公共娱乐活动也都会停止,包括直播、综艺、影视、游戏等等。我也在这里也向全国抗击新冠肺炎疫情斗争牺牲的烈士和逝世的同胞表达深切的哀悼,向所有在抗战在疫情前线的工作和医护人员致敬。我们每一个人的平安面前,都是英雄的人墙。

2021-03-10 14:57:31 218 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除