snows_l-优快云博客

原创【个人博客】vue3 + nodejs + mySQL 集成了看板娘（UI原生开发达99%）的响应式的个人BLOG。

4、背景樱花飘落（可切换），如下：下雪，下硬币😄。9、主题色更改（都在又下角这个模块里面了）3、光标拖动效果（可切换）（就是哪个时钟）8、白天夜晚模式切换（会根据时间自动切换）1、看板娘（看效果好吧）（可切换模型）5、音乐🎵播放器（右下角）访问BOLOG效果更佳哟。10、代码块可一键复制。

2024-08-27 17:48:55 583

原创如何从购买服务器，到配置宝塔可视化面板，全栈从0-1上线自己前端项目以及node后端服务

记录一下自己从买服务器，配置宝塔可视化面板，在上线自己前端ui以及node后端全过程

2024-03-29 11:48:35 1794 1

原创 npm，cnpm的基本使用、npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别

一、npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别说明i 是 install 的简写 -g 是全局安装，不带 -g 会安装在个人文件夹 -S 与 --save 的简写，安装包信息会写入 dependencies 中 -D 与 --save-dev 的简写，安装包写入 devDependencies 中dependencies 与 devDependenciesdependencies 生产阶段的依赖,也就是项目运行时的依赖 devDependenc..

2022-04-13 11:16:24 7996

原创 vue2 el-table跨分页多选以及多选回显

vue2 el-table跨分页多选以及多选回显

2025-03-19 17:06:58 505

原创 vue-treeselect 【单选/多选】的时候只选择最后一层（绑定的值只绑定最后一层）

vue-treeselect 单选的时候只选择最后一层（绑定的值只绑定最后一层）为使分支节点不可检查，并将其仅视为可折叠文件夹。

2025-03-14 17:23:33 321

原创 vue3 css3动画拆信封动画信封打开动画

snows_l's BLOGhttp://snows-l.site/一、效果如下截图工具截图效果不是很好，可以查看线上效果信封 | snows_l's BLOGhttp://snows-l.site/about/like/envelope二、源码如下如果想要资源的直接去我的 snows_l's BLOG 打开开发者工具直接拿就行了

2025-01-03 16:38:17 573

原创给自己的项目（vue3）中添加下雪/樱花飘落的背景

定位到你想要的层级，不用担忧覆盖调你的其他内容导致，其他内容无法交互，只需要加css pointer-events: none,就可以了，上面代码行内样式已经添加。最后一个参数调用了一个sakura方法，返回的是樱花的base64, 你想要什么飘落啥就直接放什么就行呢，图下图（好想必须是base64才行）在vue的生命周期钩子函数 onMounted 中new 一下就行。在项目中的app.vue/layout.vue 添加如下代码。查看更佳效果前往我的博客，可切换。

2024-09-30 16:10:18 1274

原创 vue3项目如何添加属于自己的 live2d 看板娘（支持换模型）

直接在vue项目html中引入live2d的资源，即可（想要自定义内容可以改源码），因为我自己服务带宽不够，加载太慢咯，我自己就放本地咯。中选择器的所有元素，当光标移到元素上的时候就会判断type, 给出对应的如上图中对应的提示。如果记得不错的话我当时拿到的代码切换黑白模式在我的项目是不能用的，需要根据自己项目进行一个修改。只要类名为 kbn-cuotom的元素，都会找到当前标签上的data-tip的内容进行提示，我就出了根据我的项目修改了配置，之后直接加了一个垫底的，如下图。模型在加载的时候拿到。

2024-09-30 15:40:29 1680

原创 Mac OS平台，利用 gifify 制作gif教程

Mac OS平台，利用 gifify 制作gif教程

2024-08-02 11:23:04 515

原创 H5网页打包成安卓apk（H5套壳成app），保姆级教程来咯

说明，我什么其它功能都不要，所以我的功能模块我全部取消勾选了。就是应用的入口（线上的H5入口地址）

2024-07-25 20:50:09 12935 22

原创 vue3 + antd vue 纯前端基于xlsx 实现导入excel 转 json，将json数据转换XLSX导出（模版下载）

vue3 + antd vue 纯前端基于xlsx 实现导入excel 转 json，将json数据转换XLSX并下载（下载模版）

2024-07-19 15:58:27 816

原创 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档 - 报警告之一

因为后端是我用 node 写的，当时写的时候 AI 提示直接写完了，如下图一直按tab即可，检查了一下也没有什么问题，就偏偏少了返回total, 所以导致了这个问题。今天在使用elementui plus的时候遇到了一个奇葩的问题，就是提示。奇葩就在于我是复制另一个页面的分页，一摸一样的东西，就只这个页面报错，分页也不出。分页里面的属性，也是一个一个的删了，试了很多次还是有问题，真的是头大。为了这个问题，我是查了官方，也百度，折腾了很久，使用了一些已被废弃的用法，

2024-07-06 11:32:29 3487 4

原创 nodejs 获取客服端ip，以及获取ip一直都是127.0.0.1的问题

在做登录日志的时候想要获取客户端的ip, 网上查了一下通过 req.headers['x-forwarded-for'] || req.connection.remoteAddress; 获取，结果获取了之后不管是开发环境，还是生产环境获取到的一直都是127.0.0.1，这是因为在配置Nginx的时候配置了如下框传来的内容，这样Nginx默认将自己的地址设置为客户端的地址。

2024-07-05 21:46:29 1003

原创基于 elementUI plus，实现主要色（主题色）的一件换色（换肤）

基于 elementUI / elementUI plus，实现主要色（主题色）的一件换色（换肤）

2024-06-26 22:42:50 1631

原创 node 实现导出, 在导出excel中包含图片（附件）,导出带图片的excel

node 实现导出, 在导出excel中包含图片（附件）

2024-06-26 22:07:25 1067

原创 node mySql 实现数据的导入导出，以及导入批量插入的sql语句

node mySql 实现数据的导入导出，以及导入批量插入的sql语句

2024-06-26 21:43:28 750

原创记录一下：vue3+antd-vue a-form包含a-table实现表格行内校验，清除指定行指定字段的校验

记录一下：vue3+antd-vue a-form包含a-table实现表格行内校验，清除指定行指定字段的校验

2024-06-12 11:11:15 483

原创 vue3+vue-router@4 Error: Invalid navigation guard 或者 The “next“ callback was never called inside of

vue3+vue-router@4 Error: Invalid navigation guard 或者 The "next" callback was never called inside of

2024-05-31 09:35:58 3172 2

原创 antd-vue a-tree 当两个不同一级下二级key相同的时候就会导致两个同时选择，拿到node.parent的数据也会出问题，解决办法

antd-vue a-tree 当两个不同一级下二级key相同的时候就会导致两个同时选择，拿到node.parent的数据也会出问题，解决办法

2024-05-24 16:44:15 602

原创 vue3+antd-vue@4 a-form 嵌套a-table 实现行内勾选才进行检验

vue3+antd-vue@4 a-form 嵌套a-table 实现行内勾选才进行检验

2024-05-17 09:31:05 584

原创 vue3 + antd-vue@4 a-table单元格合并，rowSpan（行合并），colSpan（列合并）详解, 表头合并详解，表头自定义详解

根据需求，就应该需要就可以得到，字段 vlan值、vlan平面、确认状态三个字段（三列）的第1行第2行需要合并在一起，第4行-第6行需要合并，（所以就需要从这三个字段的 customCell 入手）实现代码如下，(因为只是行合并就只需要操作rowSpan即可)解释一下，其实后端给的数据时这样的，两个vlan信息，每个vlan信息下面都有自己的设备列表，因此需要我们自己把设备列表提出来，实现满足table的格式，这个时候就需要使用列合并rowSpan,将第1个字段的第一行到第3行合并，代码如下。

2024-05-16 12:43:50 5203

原创 vue3 antd-vue 超简单方式实现a-table跨页勾选以及解决全选异常的问题

回显，如比返回第一页的时候触发分页改变，在映射中的第一页的数据给到a-table绑定的state.selectedRowKeys即可，如下方法。绑定勾选keys数组是 state.selectedRowKeys，勾选触发的方法 onSelectChange。第一页勾选了2， 3， 4。翻到第三页勾选24， 25。

2024-05-10 16:42:29 3163 9

原创 node 连接mysql操作mysql的工具类封装，node后端操作mySql、

在index中引入user.js接口文件即可。如果有需要完整的项目吱一声。

2024-05-03 13:49:43 867

原创 vue 本地页面刷新Cannot GET /system/user

vue 本地页面刷新Cannot GET /system/user

2024-03-27 09:32:37 746

原创 vue 基于elementUI/antd-vue, h函数实现message中嵌套链接跳转到指定路由（h函数点击事件的写法）

vue 基于elementUI/antd-vue, h函数实现message中嵌套链接跳转到指定路由（h函数点击事件的写法）

2024-03-14 11:24:58 640

原创 Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

2024-03-06 17:18:18 2790

原创【微前端乾坤】 vue2主应用、vue2+webpack子应用，vue3+webpack子应用、vue3+vite子应用的配置

因公司需求，需要将原本vue2+iframe 形式的项目改成微前端乾坤的方式。之前iframe都是直接嵌套到vue2项目的二级目录或者三级目录下的(反正就是要随处可嵌)注意使用场景：原本vue2+iframe 形式的项目改成微前端乾坤的方式，将vue2改成微服务的主应用（基座），之前iframe嵌套在vue2项目中的其他页面的系统改成微服务的子应用，嵌套的只是子应用路由中的一个页面，也就是主应用的一个路由页面对应子应用的一个路由页面，不是那种常规的一个出口包含了整个子应用

2024-03-04 17:31:33 3403 1

原创华为鸿蒙开发 ArkTS 怎么实现一行或者多行展示之后超出省略号（超出...）

【代码】华为鸿蒙开发 ArkTS 怎么实现一行或者多行展示之后超出省略号（超出...）

2023-12-07 11:27:55 2964 5

原创华为 ArkTS 边框怎么设置，单边边框怎么设置以及条件设置边框（鸿蒙开发）

边框设置-通用属性-组件通用信息-组件-组件参考（基于ArkTS的声明式开发范式）-手机、平板、智慧屏和智能穿戴开发-ArkTS API参考-HarmonyOS应用开发。所以不能每个容器都加上四边的边框, 只能分比给每个加左边框，上边框，然后第二列加右边框，最后一行加下边框。需要给推荐商品列表添加边框， arkTS的边框跟前端一样，如果出现重叠也会加粗,如下图。border()接收一个对象参数，参数为width, color等，如代码实例。可以明显看到中间重叠的边框比较粗，

2023-12-05 11:42:50 2848

原创 vue2 mixin的方式大屏适配（缩放居中的方式）

使用要求：指定容器的 id 为 bigScreenContainer。

2023-11-16 15:54:11 666

原创 antd-vue + vue3 实现a-table动态增减行，通过a-from实现a-table行内输入验证， form嵌套两个table实现检验。

antd-vue + vue3 实现a-table动态增减行，通过a-from实现a-table行内输入验证

2023-11-08 17:01:39 4456 16

原创 axios 多个baseURL配置、实现不同前缀代理到不同的服务器的几种方式

在开发中，有可能遇到每部分的功能的需要调用另一台服务器的地址。这个时候就需要设置不同的请求前缀首先代理到不同的服务器地址。

2023-10-31 10:45:12 8273

原创 ElementUI el-table动态增减行，通过el-from实现el-table行内输入验证

prop的绑定就有上文提到的这两种方式，因此不管是几重数组都是可以的（当然没有试过三重四重数组，应该是可以的，当然项目中应该不会出现这种情况）el-form中数组(一重数组、二重数组以及多重数组)绑定检验的实例（prop以及rules的赋值）_snows_l的博客-优快云博客。请先参考另外一个文章，有el-form二重数组以及多重数组校验的详解。

2023-10-26 10:50:41 1381