- 博客(272)
- 收藏
- 关注
RSS订阅原创 vue3-数据导出为excel文件
将变量数组列表导出为Excel多子表，通过arrayToSheet函数生成“总结”子表，使用formatExportValue统一格式化数值为整数。新增“筛选条件”子表，记录时间及筛选参数，最终通过XLSX.writeFile导出名为“自定义excel文件名.xlsx”的文件，实现数据与筛选信息的完整导出。
2026-09-11 12:56:24
70
原创 Vue3-使用ElementPlus的upload组件展示图片和pdf
该代码实现了一个文件上传预览组件，主要功能包括：1. 限制上传3个文件（仅支持图片和PDF）；2. 点击文件列表可预览对应类型内容。核心逻辑是：通过ref管理文件列表和预览状态，handleChange/handleRemove处理文件增删，handlePreview根据文件类型生成预览URL并显示。组件包含上传按钮区域和预览区域，分别用el-upload和动态渲染的iframe/img元素实现。样式上采用flex布局，预览区域自适应剩余空间。组件卸载时会清理预览URL避免内存泄漏。
2026-08-13 12:51:07
223
原创 vue-axios携带不同参数的总结
本文介绍了Axios中五种常见的数据传递方式：1）URL参数直接拼接在GET请求URL后；2）通过params属性传递GET查询参数；3）使用data属性传递POST请求的JSON数据；4）通过FormData处理文件上传等场景；5）使用URLSearchParams或qs库发送URL编码的表单数据。每种方式都提供了代码示例，并特别说明了需要设置Content-Type头信息的情况，如文件上传和表单提交时需要明确指定multipart/form-data或application/x-www-form-url
2026-04-09 16:53:22
133
原创 vue3+element-plus 实现动态菜单和动态路由的渲染
摘要：本文展示了基于Vue3和Element Plus的递归菜单组件实现。通过MenuTree.vue组件实现动态渲染多级目录结构，使用el-menu和el-sub-menu构建菜单框架，支持路由跳转和高亮显示当前路径。核心逻辑包括：1) 接收menuList作为props传递目录数据；2) 递归处理子菜单项；3) 区分带子菜单项和普通菜单项的渲染方式。代码示例演示了如何结合Vue Router实现路由激活状态管理，并通过Scoped CSS确保样式隔离。该方案适用于需要动态生成多级导航菜单的后台管理系统。
2026-04-09 14:37:16
96
原创 cursor、vscode软件语言切换为中文的方式
本文将指导您如何为Cursor编辑器安装中文语言包并切换界面语言。首先通过扩展商店搜索并安装中文包，安装完成后系统会提示重启应用。若未自动弹出提示，可通过快捷键调出命令面板，手动选择简体中文并重启生效。该方法同样适用于切换回英文界面，操作简单快捷，只需几个步骤即可完成语言切换。
2026-04-08 14:16:14
264
原创 vue3-获取扫码枪信息
本文介绍了使用Vue3组合式API实现扫码枪功能的方法。通过onMounted和onBeforeUnmount生命周期钩子管理键盘事件监听器的添加和移除。核心逻辑是：利用barcodeBuffer存储扫描内容，通过时间间隔(>50ms)区分扫码枪输入和手动输入，当检测到回车键时输出扫描结果并清空缓冲区。代码还包含了对空扫描结果的提示处理，使用Element Plus的ElMessage组件显示警告信息。
2026-04-07 17:32:42
76
原创 JS-把变量复制到剪切板
本文介绍了一个用于复制优惠代码的JavaScript异步函数。该函数使用navigator.clipboard API将变量内容写入剪贴板，成功时显示成功提示，失败时捕获错误并显示错误信息。函数采用了try-catch结构处理异常，并通过Element UI的ElMessage组件提供用户反馈。摘要长度控制在150字以内，准确概括了代码功能和实现方式。
2026-04-07 14:24:08
31
原创 vue3-导入导出文件和打印文件
本文介绍了前端处理Excel文件的三种常见场景：1) 通过API下载Excel文件时需设置responseType:'blob'以避免文件损坏，并使用Blob对象和URL.createObjectURL实现下载；2) 使用xlsx库将Excel文件数据转换为JSON数组，包括读取文件、解析工作表和处理表头数据；3) 下载静态Excel模板文件的方法，建议将模板放在public/static目录下并通过<a download>标签实现下载。三种方法涵盖了Excel文件在前端的主要操作流程。
2026-03-04 11:29:33
88
原创 vue3-路由不存在时跳转到首页
摘要 这段代码用于在Vue Router中设置一个通配路由规则，将所有未匹配的路径重定向到根路径"/"。其中:pathMatch(.*)是一个正则表达式参数，匹配任意路径。当用户访问任何未定义的路由时，都会被自动重定向到首页。这是一种处理404情况的常见解决方案，确保应用始终有可用的路由响应。
2026-01-29 17:58:48
229
原创 VSCode-解决自动卸载问题
如何避免VSCode和Cursor更新中断导致文件损坏？ 解决方法： 在VSCode/Cursor的设置中找到"Update"选项 将默认的更新模式"default"改为"none" 取消勾选自动更新功能 这样就能防止关机时更新中断造成文件损坏。两款编辑器采用相同设置方法。建议在关机前手动检查更新，确保更新完整。
2026-01-20 12:08:32
83
原创 Power Automate-抓取异常并通知
摘要：操作流程优化方案建议在添加操作时按步骤执行：1.选择目标控件和作用域，将易报错操作置于该范围内；2.在操作步骤下方配置Teams/邮件提醒功能；3.运行添加作用域时，需勾选"失败"、"警告"等非成功状态选项。该方案通过作用域隔离风险操作，配合状态监控和多重提醒机制，实现操作过程的可控性和异常及时通知。（98字）
2026-01-13 16:25:38
109
原创 vue-设置不同环境的打包和运行
在package.json中添加以下脚本命令可实现不同环境打包和运行： "prod"：以生产模式运行开发服务器 "build:dev"：以开发模式构建 "build:prod"：以生产模式构建 这些命令通过--mode参数指定环境模式，便于区分开发和生产环境的构建配置。
2026-01-13 15:31:19
110
原创 vue3-父子组件通信
Vue组件通信方法总结：1.父传子通过props传递数据，若传递变量需加v-if判断；2.父调用子方法需用ref暴露方法；3.子传父通过emit事件，可传递单个或多个参数。包含数据双向绑定、方法调用等常见场景的实现方式。
2025-12-31 11:37:18
197
原创 vue-Form表单一行 input （自适应）+ button （固定）的实现
摘要：该代码片段展示了一个包含输入框和按钮的优惠券兑换组件。使用Vue.js框架的el-input和el-button元素构建，包含输入优惠券号的功能区域和圆形"+"号提交按钮。CSS样式通过flex布局实现响应式设计，使输入框自动填充剩余空间，按钮固定在右侧并设置1%的左边距。按钮采用特定颜色（#A88D5B）和白色文字样式，整体宽度占满父容器。
2025-12-26 16:22:50
143
原创 vue3-ElementPlus出现Uncaught (in promise) cancel 报错
摘要：解决ElMessageBox取消报错问题。当使用ElMessageBox.alert时，点击右上角取消图标会出现"Uncaught(inpromise)cancel"错误。解决方法是在代码末尾添加.catch(()=>{})来捕获取消操作。修改后的代码示例如下：ElMessageBox.alert(...).catch(()=>{})，这样可以有效处理取消操作时的报错问题。
2025-12-25 12:12:54
217
原创 sharePoint-改为自适应手机和电脑的应用
上下居中：给组件的Y值设定为(Parent.Height-Self.Height)/2。左右居中：给组件的X值设定为(Parent.Width-Self.Width)/2。第一步：首先在APP的设定中关闭自动缩放比例，开启锁定方向。例子二：pc端和手机端位置差别很大的话，需要加判断条件。第二步：在OnStart中定义桌面版本还是手机版。第三步：用公式计算每个按钮的位置。
2024-10-28 17:18:40
434
原创 sharePoint-基于sharepoint列表中的其他列值自动更新值列
填写栏名，类型选择计算值，公式用于对列表或库中的值执行计算，然后点击右下角的确定就添加成功了。点击想要操作的数据表后面的按钮，点击设置。首先进入网站，点击网站内容。拼接了两个字段并用-分隔。
2024-06-18 17:32:24
895
原创 React-Redux
Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态例子：不和任何框架绑定，不使用任何构建工具，使用纯Redux实现计数器使用步骤：1.定义一个reducer函数（根据当前想要做的修改返回一个新的状态）2.使用createStore方法传入reducer函数生成一个store实例对象3.使用store实例的subscribe方法订阅数据的变化（数据一旦变化，可以得到通知）
2024-06-14 18:00:00
646
原创 React-配置json-server
出现这个笑脸标识就说明启动json-serve服务成功，点击下面的链接可以查看数据列表。在终端输入命令npm run serve，就可以启动配置的json-serve。
2024-06-13 17:58:29
509
原创 JS-Fetch
使用 Fetch API，可以执行各种类型的请求（如 GET、POST、PUT、DELETE 等），发送请求时可以设置请求头、请求参数，以及处理响应数据。3)response.formData()：将响应体解析为 FormData 对象。如果响应的 Content-Type 是纯文本类型，如 text/plain 或 text/html，则使用此方法。1)response.json()：将响应体解析为 JSON 对象。4)response.blob()：将响应体解析为 Blob 对象。
2024-06-07 17:09:06
621
原创 React-useEffect
自定义Hook函数概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用问题：布尔切换的逻辑与当前组件耦合在一起，不方便复用解决思路：自定义hook封装自定义hook通用思路：1.声明一个以use打头的函数2.在函数体内封装可复用的逻辑（只要是可复用的逻辑）3在组件中用到的状态或者回调return出去（以对象或数组）4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用。
2024-06-03 12:40:56
635
原创 React-组件通信
场景：当我们把内容嵌套在子组件标签中时，父组件会自动在名为children的prop属性中接收该内容。实现思路：借助“状态提升”机制，通过父组件进行兄弟组件之间的数据传递。1.A组件先通过子传父的方式把数据传给父组件App。2.App拿到数据后通过父传子的方式再传递给B组件。，不能直接进行修改，父组件的数据只能由父组件修改。核心思路：在子组件中调用父组件中的函数并传递参数。，根据组件嵌套关系的不同，有不同的通信方法。1.父组件传递数据-在子组件标签上。2.子组件接收数据-子组件通过。
2024-05-30 17:56:27
644
原创 React-获取DOM
1.使用useRef创建ref对象，并与JSX绑定。在React组件中获取/操作DOM，需要使用。2.在DOM可用时，通过inputRef.DOM可用：渲染完毕之后dom生成之后。
2024-05-30 15:32:23
297
原创 React-表单受控绑定
2.通过value属性绑定状态，通过onChange属性绑定状态同步的函数。概念：使用React组件的状态（useState）控制表单的状态。1.准备一个React状态值。
2024-05-30 15:14:59
591
原创 React-基础样式控制
classnames是一个简单的JS库，可以非常方便的。也可以把样式都提取到一个变量里，再赋值到style里。React组件基础的样式控制有两种方式。通过条件动态控制class类名的显示。属性名是多个单词的需要使用驼峰写法。1、行内样式（不推荐）2、class类名控制。
2024-05-29 14:55:08
521
原创 React-useState
本质：和普通JS变量不同的是，状态变量一旦发生变化组件的视图UI也会跟着变化（useState是一个React Hook（函数），它允许我们向组件添加一个。，从而控制影响组件的渲染结果。
2024-05-29 11:24:41
620
原创 React-组件基础使用
概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间。组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用。注意：也可以用箭头函数来定义，只要函数名的首字母大写就行。，内部存放了组件的逻辑和视图UI，渲染组件只需要把组件。可以互相嵌套，也可以复用多次。在React中，一个组件就是。
2024-05-28 17:59:27
1024
原创 React-事件绑定
语法：事件绑定的位置改造成箭头函数的写法，在执行clickHandler实际处理业务函数的时候传递实参注意：不能直接写函数调用，这里事件绑定需要一个函数引用语法：在事件绑定的位置传递事件实参e和自定义参数，clickHandler中声明形参，注意顺序对应。
2024-05-28 14:16:44
376
原创 React-JSX基础
概念：JSX是JavaScript和XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式优势：1.HTML的声明式模板写法 2.JS的可编程能力。
2024-05-24 17:59:40
469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人