自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue 学习随笔系列二十八 —— 通用表格组件封装-slot用法

需要自定义的列,添加 slot 属性。

2026-06-05 16:32:06 50

原创 claude code 安装及 国内大模型接入指南

Claude Code安装使用指南摘要 本文详细介绍了Claude Code的安装配置流程。首先需要安装Node.js(v18+),通过npm全局安装@anthropic-ai/claude-code包。安装完成后需进行初始化配置,包括设置环境变量和API密钥。文章以智谱大模型为例,演示了如何获取API key并配置settings.json文件。还提供了常见问题的解决方案,如npm安装失败时的替代安装方法。最后介绍了如何在VSCode中使用Claude Code插件进行AI对话。整个过程包含详细的命令行操

2026-04-21 10:08:03 1037

原创 Vue 学习随笔系列二十七 -- el-select选项框回显及下拉选项自定义样式

【代码】Vue 学习随笔系列二十七 -- el-select选项框回显及下拉选项自定义样式。

2025-12-11 15:19:13 499

原创 Vue 学习随笔系列二十六 —— 动态表头

表头文字根据需求获取。

2025-09-19 17:14:55 562 2

原创 Vue 学习随笔系列二十五 -- 多文件上传并支持修改

【代码】Vue 学习随笔系列二十五 -- 多文件上传并支持修改。

2025-09-09 17:13:13 321

原创 Vue 学习随笔系列二十四 -- 多个文件导入或上传

【代码】Vue 学习随笔系列二十四 -- 多个文件导入或上传。

2025-06-19 15:36:37 273

原创 Vue 学习随笔系列二十三 -- el-date-picker 组件

【代码】Vue 学习随笔系列二十三 -- el-date-picker 组件。

2025-05-15 15:48:23 621

原创 Vue 学习随笔系列二十二 —— 表格高度自适应

根据页面元素计算各自占比。

2025-04-03 17:08:16 523

原创 Vue 学习随笔系列二十一 -- 多级表头表格封装

本例子只写到第三层,可自行拓展。

2025-03-31 16:32:02 549

原创 Vue 学习随笔系列二十 -- 文件下载

/ 注意后端接口的封装 要添加 responseType: ‘blob’引入 file-saver 插件。在main.js中引入。在页面中使用下载方法。

2025-03-04 14:33:26 484

原创 Vue 学习随笔系列十九 -- 组件通信之 inject & $parent

多级子组件中修改主页面数据时,需要调用主页面的方法刷新页面时使用。

2024-12-24 09:47:56 404

原创 Vue 学习随笔系列十八 -- moment 使用总结

3、当前时间 7秒,7分,7小时,7天,7周,7月,7年 前。2、获取当年、当月、本周第一天,最后一天。当前时间7秒,7分,7天,7周,7年 后。5、一年中的 第几天、第几周、第几月。

2024-12-09 09:12:35 677

原创 Vue 学习随笔系列十七 -- 表格样式修改

表格外套一个 div ,修改div的背景色,并将表格背景色设置为透明。直接修改表格背景颜色。

2024-11-20 10:05:27 840 2

原创 Vue 学习随笔系列十六 -- slot插槽的使用

需要指定组件具体细节内容时,需要使用具名组件,例如:指定弹框头部内容、指定弹框的底部内容时,需要通过具名插槽指定具体内容。

2024-11-18 08:49:49 224

原创 Vue 学习随笔系列十五 -- 数组遍历方法

callBack(item, inde, arr) ,item – 当前元素, index – 当前元素索引, arr – 原数组。callBack(item, inde, arr) ,item – 当前元素, index – 当前元素索引, arr – 原数组。返回符合条件的第一个元素的索引值,如果有满足条件的值,返回满足条件的第一个值的索引,如果没有满足条件的值,返回 -1。遍历每一个元素,有任何一个元素满足条件,则返回true, 没有元素满足条件,则返回 false。

2024-11-13 10:11:55 2361

原创 Vue 学习随笔系列十四 -- JavaScript巧妙用法

Array.prototype.flat()创建一个新数组,将嵌套数组中的所有子元素,递归到其中。String.prototype.trimStart() 去除字符串开头的空白。String.prototype.trimEnd() 去除字符串结尾的空白。把一个对象的键值以数组的形式遍历出来。冻结对象,使其不可变且属性不可修改。将键值对列表转换为对象。在字符串前面进行填充。在字符串后面进行填充。

2024-11-12 16:54:08 593

原创 Vue 学习随笔系列十三 -- ElementUI 表格合并单元格

【代码】Vue 学习随笔系列十三 -- ElementUI 表格合并单元格。

2024-10-30 14:25:46 3431 2

原创 Vue 学习随笔系列十二 -- 表格内容渲染方法

示例代码1示例代码22、 使用 render 函数3、使用 template 自定义4、使用 slot 插槽5、注意使用template 自定义时,columns中的序号列显示不出来,需要在代码中重新编写,例:

2024-04-03 14:50:38 2120

原创 Vue 学习随笔系列十一 -- input输入框和select下拉框使用

【代码】Vue 学习随笔系列十一 -- input输入框和select下拉框使用。

2024-03-14 16:04:54 1475 1

原创 Vue 学习随笔系列十 -- 编辑弹窗关闭影响父组件数据问题

编辑弹窗使用 v-model 双向数据绑定,当数据发生变化时,页面数据也会产生变化。

2024-02-22 14:52:58 548

原创 Vue 学习随笔系列九 -- 表格中插入图片、背景、自定义表头

【代码】Vue 学习随笔系列九 -- 表格中插入图片、背景、自定义表头。

2024-02-04 10:53:44 2131

原创 Vue 学习随笔系列八 -- 计算属性 computed

实质上是 function 函数,监听 data 中的数据变化监听 data 中的数据变化经过函数计算处理后,return 一个新的值。

2024-02-04 10:48:17 373

原创 Vue 学习随笔系列七 -- 表单动态生成

点击上一个选项,选中后出现下一个下拉框,并将最后一个数据回显到输入框中。

2023-12-13 16:31:39 578

原创 Vue 学习随笔系列六 -- 数组操作

通过传入的参数,判断拿到的参数与对象中的某个属性是否相等,拿到这个参数对应的对象。

2023-07-14 16:13:11 394

原创 Vue 学习随笔系列五 -- 路由守卫 beforeRouteEnter 的使用

beforeRouteEnter 函数内部不能使用 this,这是因为在执行路由钩子函数beforRouteEnter时候,组件还没有被创建出来;next – 下一步,若无指定跳转的路由,设置为空 next() 即可。to – 即将要跳转到的页面。form – 跳转前的页面。

2023-06-29 10:03:16 14727

原创 Vue 学习随笔系列四 -- form 表单封装

此案例包含 input 输入框, select 选择框 等,根据实际需求使用。

2023-04-10 08:46:38 2618 1

原创 Vue 学习随笔系列三 - 表格组件使用

【代码】Vue 学习随笔系列三 - 表格组件使用。

2023-04-03 16:22:50 1860

原创 Vue 学习随笔系列二 -- 前端文件导出

后端接口返回的文件流下载为 excel 文件。

2023-03-17 10:12:43 669

原创 Vue 学习随笔系列一 -- Cascader 级联选择器

Cascader 级联选择器

2023-03-02 09:18:07 4341

原创 Electron-vue 系列之自动更新与手动更新

Electron-vue 系列之自动更新与手动更新文章目录Electron-vue 系列之自动更新与手动更新一、主要插件1. electron-builder2. electron-updater二、各项配置1. package.json中publish配置2. 升级包配置3. 本地http服务器启动三、关键代码编写1. autoUpdate.js 文件2、前端页面 update.vue3. 在主进程中引入自动升级4. 实现效果五、注意事项六、额外配置项详解1. 控制流程的 api2. 一些配置项一、

2023-01-30 14:41:34 5583 13

原创 Electron-vue 链接网络与服务器

Electrob-vue 链接网络与服务器Electron-vue 探测是否连接到网络、与服务器的链接是否通畅文章目录Electrob-vue 链接网络与服务器一、Electron-vue 检测与网络连接1. 引入库2. 代码实现二、 连接服务器1. 页面编写2. 服务器参数配置:3. 连接测试4. 实现效果三、调取exe格式的后台服务1. 代码2. 实现效果总结一、Electron-vue 检测与网络连接使用 Node.js 模块 is-online 对网络连接进行检测,在网络断开和连接网络时,

2022-12-27 09:47:51 1208

原创 Electron-vue dialog.messageBox 组件使用

dialog.messageBox组件 dialog.messageBox 组件是 electron 的原生组件,在不同系统中的样式不同,本文主要介绍在 win10 下的显示效果文章目录dialog.messageBox组件一、dialog.messageBox组件调用二、使用1. 基本样式2. 自定义样式总结一、dialog.messageBox组件调用const{dialog} = require("electron")或import {dialog} from "electron"

2022-08-10 16:30:21 2433

原创 Electron系列之,启动后台服务

通过cmd命令行启动后台服务在electron窗体启动时调取后台服务exe文件文章目录通过cmd命令行启动后台服务一、通过start命令启动服务端exe文件1. 代码2. 服务端文件3. 效果二、直接使用exe文件名启动服务1. 代码总结一、通过start命令启动服务端exe文件1. 代码代码如下(示例):// 启动后台服务// 方案1,不需要查看输出日志// const {exec} = require("child_process")// function runExec()

2022-06-07 08:48:58 7239 1

原创 Electron-Vue 系列之页面路由配置

Electron-Vue loadURL 路由配置文章目录Electron-Vue loadURL 路由配置一、loadURL使用1、引用本地文件2、引用接口路径二、配置路由1.vue2 示例2. vue3 示例一、loadURL使用win.loadURL(url[, options])url:stringoptions(可选)使用方式如下(示例):1、引用本地文件win.loadURL("file://${__dirname}/index.html")win.loadURL("ap

2022-05-20 08:51:51 6351 6

原创 Electron-vue 日志输出到指定文件夹下

Electron-vue 日志electron-vue项目开发过程中,日志信息可以帮助我们快速的定位错误,因此快速的找到日志位置,能提高我们的开发效率文章目录Electron-vue 日志一、默认日志保存位置二、输出格式化的日志1.引入库2. 创建日志文件3. 指定日志文件夹位置4. 对日志进行分类总结一、默认日志保存位置electron-vue 日志信息默认保存在 userData文件中,没有具体的位置与文件命名规律,文件内容也是未转换格式的,查看起来较为麻烦。Windows系统中的位置如下

2022-05-05 14:10:00 5636 4

原创 Electron-vue 关于图标的修改

electron-vue 图标提示:图标包括:启动项目时桌面主题图标,窗口左上角图标,菜单栏图标,系统托盘图标,打包安装图标、开始菜单图标、快捷方式图标等。文章目录electron-vue 图标1. 启动项目默认图标与窗口左上角图标2. 菜单栏图标3. 系统托盘图标4. 打包安装包图标5. 开始菜单图标和快捷方式图标总结1. 启动项目默认图标与窗口左上角图标这两个图标均由 mainWindow 的 icon 属性决定:代码如下(示例):mainWindow = new BrowserWi

2022-04-28 10:45:31 8663

原创 Electron-vue获取本机相关

Electron-vue 获取本地ip地址、MAC地址、版本号文章目录Electron-vue 获取本地ip地址、MAC地址、版本号一、本地信息包含二、具体使用1. IP地址2. MAC地址3. 版本 version4. 效果如下总结一、本地信息包含IP地址、MAC地址、版本信息二、具体使用1. IP地址代码如下(示例):安装ip模块npm install ip在主进程或渲染进程(页面中)使用// 引入模块const ip = require("ip")// 调用consol

2022-04-08 15:41:19 5482 24

原创 Electron Notification动态消息通知

Notification通知使用 Notification通知的使用方法有多种,在此介绍三种使用方式文章目录Notification通知使用一、Notification是什么?二、使用步骤1.引入Notification模块2. 第一种使用方式3. 第二种使用方式4. 第三种使用方式5. 实现效果一、Notification是什么?对于渲染进程,Electron 方便地允许开发者使用 HTML5 通知 API 发送通知,然后使用当前运行中的系统的原生通知 API 来进行显示。二、使用步骤1.

2022-03-07 16:09:41 5350 2

原创 Electron 自定义顶部菜单和上下文菜单

自定义顶部菜单文章目录自定义顶部菜单1. 主进程2. 渲染进程定义顶部菜单3. 实现效果4. 渲染进程定义上下文菜单5. 实现效果1. 主进程main.js 代码如下(示例):// main.jsconst electron = require("electron")const app = electron.appconst BrowserWindow = electron.BrowserWindow// 声明要打开的窗口let mainWindow = nullapp.on

2022-03-02 10:05:09 1729

原创 Electron系统托盘

系统托盘 Tray文章目录系统托盘 Tray1. 主进程2. 实现效果1. 主进程代码如下(示例):const{ app, BrowserWindow,Tray, Menu } require'electron'let mainWindowlet appTray = null; // 在外面创建 tray ,防止被自动删除,导致图标消失function createWindow () { /** * Initial window options */ mainWindow

2022-02-22 14:27:05 2473 3

空空如也

空空如也

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

TA关注的人

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