自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端技术文档编写思路

前端技术调研文档和概要设计文档总结

2024-03-11 16:47:31 755

原创 基于原生JS来操作ElementUI组件总结

使用原生JS获取到相关元素,然后通过$el 来获取到相关组件的vue实例

2024-01-26 16:48:25 883

原创 GitLab中英文语言切换、新增SSH key

后面就是添加标题,设置SSH密钥过期时间,一般情况下这里过期时间不填就可以了。完成后 点击Save changes,再刷新页面,语言就成功设置了。也就是提示 缺少SSH秘钥,否则会出现无法拉取和提交代码的情况。通过这一套方式,可以实现新增 和 覆盖SSH密钥的操作。无论是新增和overwrite覆盖都使用这种方式。在加入新项目的GitLab时,出现了这个提示。这里推荐使用个人邮箱,如qq,163邮箱等。用文本编辑器打开,复制中间的内容到。完成后会在下方出现提示,密钥新增成功了。会出现默认的配置路径。

2024-01-12 17:52:54 3067

原创 Vue3中defineProps、defineEmits、defineExpose的使用

我的使用场景 Vue3组合式API ,写法为 在script标签中使用setup。

2024-01-02 14:06:21 907

原创 使用原生JavaScript来判断拖拽事件和点击事件

我的使用场景:Vue3 中使用AntvX6 流程图。

2023-12-29 17:50:08 561

原创 解决may missing <script lang=“ts“> / “allowJs“: true / jsconfig.json警告问题

在编写demo时,为了防止显示警告可以使用添加配置项的做法,在实际项目开发过程中,需要正确地使用ts规范类型。

2023-12-26 11:02:49 621

原创 安装Vue VSCode Snippets无法正常使用vbase快捷键

问题描述:在新建vue页面后,输入vbase创建初始模板,但是我的IDE没有任何提示。我的问题是之前的一些配置把.vue文件默认当成了.html文件解析,导致快捷键失效。右键点击设置图标,选择重置此设置,然后重启vscode,再打开刚才的页面。鼠标点击到 Associations,会出现一个设置图标。vscode点击 文件 —— 首选项 —— 设置。可能是之前的一些配置与这个插件发生了冲突。首先正常安装下面的插件。

2023-12-21 17:20:57 1177

原创 vue项目中处理table数据的一些总结

childItem.age = '测试数据age'在需要调用的时机,再去调用this.newMethod()适用情况:1.在不改变原页面结构的情况下,新增了一些需求2.需要添加一个加密、解密等操作时。

2023-12-15 18:29:47 673

原创 try/catch/finally配合async/await调用接口示例

比如 可以在定义方法时加入 开启加载loading 、对话框dialog等。在finally时可以加入关闭loading、dialog等效果。这样就完成了异步操作的基本调用了。我的使用场景 vue2项目。下面是一个基本使用示例。

2023-11-30 10:53:15 877 1

原创 ES6中import和export的使用

1.export有默认导出时,可不加{ },导出默认内容2.export没有默认导出时,import引入方法必须加入{ }调用单个方法时,可使用默认导出。但是在实际使用时,推荐加入{ },会使得我们调用时更加清晰。

2023-11-28 11:03:59 585

原创 ElementUI解决表格fixed样式问题,正确计算滚动条宽度

为el-table 添加ref属性 ref="myTable"在使用ElementUI时, 对表单数据进行条件搜索,出现纵向滚动条时。出现下面的问题,表头占据了进度条上方的宽度。在每次调用搜索方法时,手动触发表格重新布局。table赋值完成后,添加下面的代码,我的使用场景 vue2后台管理系统。手动触发表格重新布局。

2023-11-24 15:42:13 537 1

原创 vue中简单模拟数据

我的使用场景 vue2后台管理系统 使用elementUI需要模拟的数据过多时,使用json文件分离出来。

2023-11-17 11:55:05 153

原创 解决报错error Delete `␍` prettier/prettier

在page.json中配置 prettier。添加这一段代码,避免换行报错。我的使用场景:vue2项目。在启动项目时,出现如下报错。

2023-11-14 17:17:33 309 1

原创 vue项目漏洞修复遇到的问题

为确保项目安全性,在项目中使用了漏洞修复vue项目中 package.json文件中使用到了 scss-tokenizer,使用的版本存在安全漏洞但在项目中没有用到这一插件,此时需要删除scss-tokenizer相关配置。关键是理解这三个文件之间的联系。项目配置文件、存放项目插件版本、配置信息每次npm install都会重新生成,根据package.json中的配置信息生成的完整配置版本信息每次npm install都会重新生成,存放完整的项目配置信息。

2023-11-09 16:02:27 503 1

原创 js实现多维数组转为一维数组(数组扁平化)

此时多维数组都会直接转成一维数组。这里使用ES6新增的数组扁平化方法。不添加参数时,默认只会展开一层。

2023-11-08 17:00:58 207 1

原创 使用nvm切换node版本

在做一些老项目维护时,根据项目实际需求,切换node版本号首先需要正确地配置好nvm和node。

2023-11-07 13:59:17 150

原创 基于vue-cli创建vue2项目

首先打开终端,或者进入cmd。

2023-10-30 16:05:36 263 1

原创 element plus中防止textarea字数限制遮挡输入的文字

未进行任何处理时,可能会出现下方的遮挡情况。首先f12调出我们当前的textarea。使用样式穿透来修改组件样式。我的使用场景:vue3后台。

2023-09-26 11:22:46 460

原创 element plus自定义表尾合计方法

这里 我的处理条件为 首先 不展示index为3 的数字类型 我取的是数据字典 会转为文本效果。在element plus提供的初始方法里根据实际需求进行更改。显示为空字符串 其余的进行累加操作。首先在el-table加入自定义方法。如果该列的数据存在不为。然后在js部分编写自定义方法。

2023-09-15 14:19:32 1154

原创 js获取当前年+月格式

然后在当前页面 import 引入我们封装好的组件。这样就可以成功显示当前 年+月格式的时间了。此时拿到的yearAndMonth为。类型 如 '2023-08'首先封装 年+月时间组件。

2023-09-07 12:08:07 150 1

原创 async/await的执行顺序问题

此时可能会出现异步操作的执行顺序问题。否则会出现执行顺序的问题 导致。在获取分页时 需要调用两个接口。根据业务需求 我们需要先执行。我的使用场景 vue3后台。

2023-09-05 17:58:46 179 1

原创 vue3项目中数组处理遇到的问题

使用这种写法后 点击右方清空数据的x按钮 再次进行搜索。使用日期选择器组件,选择月份区间时传的是一个数组。发现清空后的补贴月份,并不会走后续的任何判断条件。我的项目场景 vue3后台。

2023-09-05 09:18:12 109 1

原创 uniapp项目调用接口数据时第一项为null

uniapp项目调用接口数据时第一项为null的解决方法.项目场景: uniapp项目(vue2)

2023-09-01 11:23:28 308 1

原创 sessionStorage的基本使用

sessionStorage在vue项目中的基本使用

2023-08-30 09:15:52 162

原创 element plus输入框/下拉框实现自动搜索

keyup.enter 键盘点击事件 点击enter时触发对应的操作。这里的handleQuery是之前写好的搜索点击事件,调用了条件查询的接口。在 el-select 内部 加入 @change事件。仅实现简单功能,使用时可能需要根据项目需求进行优化。

2023-08-23 14:50:37 1513

原创 element plus中Date Picker日期选择器的使用

如 year,month,date分别表示基本单位为年、月、日。在调用接口时,可以发现我们传输的月份的值为 string类型 字符串'8'改变显示样式,会产生如下效果,则默认展示为 yyyy年。效果如下图所示,在选择年份时添加,禁用了后续的年份。在vue3项目中使用日期选择器时。

2023-08-06 23:57:37 1777

原创 前端面试题(1)

第一次写CSDN,写一些自己对于前端常见面试题的总结,希望对大家有所帮助。后续有时间会慢慢更新

2023-07-30 00:29:50 207 2

空空如也

空空如也

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

TA关注的人

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