- 博客(55)
- 收藏
- 关注
原创 SQL Server与MySQL语法对比及SQL Server使用指南
创建数据库(可通过ALTER DATABASE指定文件路径、大小等属性)选择数据库SQL Server:直接通过USE选择数据库后,后续操作默认在该数据库执行删除数据库(无确认提示)(通常要求确认)创建数据库LOG ON (表操作。
2025-06-11 09:41:09
634
原创 docker部署Mysql8一直密码错误记录
目录下已有之前的缓冲数据,新容器启动时,由于两次挂载的 MySQL 容器密码不一致,就会导致登录不成功。然后再次重复上面得第二、三、四步 ,输入密码123456就正常了。,停止并删除当前的 MySQL 容器,然后重新执行。这时候可能是我忘记密码了,然后我删除容器。然后继续我得操作...设置 允许。挂载 MySQL 容器,且。
2025-04-27 18:07:50
399
2
原创 利用HTTP协议 ETag + 路由守卫 实现前端发版后通知用户更新得一个方案
利用 ETag 做提示更新的实现思路👇第一步:首次加载页面 将这个 ETag 值存储起来,比如存储在 localStorage 中。第二步:定义路由守卫 这里我们选用全局前置守卫 beforeEach,因为它会在每次路由跳转前执行,客户端再次向服务器发送请求,获取 HTML 文件的响应头信息,从中提取新的 ETag 值。第三步:对比 ETag 值 将新获取的 ETag 值与之前存储的 ETag 值进行比较。
2025-04-25 15:39:50
1411
原创 web原生API AbortController网络请求取消方法使用介绍:防止按钮重复点击提交得最佳方案
在前端开发中,取消网络请求是一个常见的需求,尤其是在用户频繁操作或需要中断长时间请求的场景下。
2025-04-21 16:51:14
698
原创 项目中得.gitignore 文件,你有没有想过node_modules为什么不会提交到远程仓库?
我发现还有很多人不知道项目中.gitignore文件是干啥得,这里我来给大家讲一下。在前端项目中,.gitignore文件用于指定Git版本控制系统应忽略的文件或目录,避免将不必要的文件(如编译产物、依赖目录、日志文件等)纳入版本管理,这样你在git提交代码时候,就不会提交忽略得文件。
2025-04-21 10:04:54
471
原创 PDF转excel+json ,vue3+SpringBoot在线演示+附带源码
在线演示地址:Vite + Vuehttp://www.xpclm.online/pdf-h5 源码gitee前后端地址:javapdfexcel: javaPDF转excelhttps://gitee.com/gaiya001/javapdfexcel.git盖亚/vuepdfhttps://gitee.com/gaiya001/vuepdf.git基于Vue.js框架的PDF转Excel/JSON应用核心代码
2025-04-19 16:16:47
858
原创 linux环境中部署node环境运行node应用
前置条件 nvm 安装node 跟 npm ,CD / 到根目录 ,傻瓜式输入下面文章命令命令。
2025-04-09 11:10:30
414
原创 Docker安装详细步骤、图文命令解析、JAVA后端环境部署、前端html静态界面部署,包括Docker如何安装卸载MySQL 8、Redis容器、常用命令~
当前操作演示系统为阿里云成功Docker 是一个,允许开发者将应用及其依赖项打包到一个轻量级、可移植的容器中,实现跨平台的高效部署和运行~
2025-04-03 10:18:02
892
原创 前端界面在线excel编辑器 。node编写post接口获取文件流,使用传参替换表格内容展示、前后端一把梭。
首先luckysheet插件是支持在线替换excel内容编辑得但是浏览器无法调用本地文件,如果只是展示,让后端返回文件得二进制文件流就可以了,直接使用luckysheet展示。这里我们使用xlsx-populate得node简单应用来调用本地文件,自己写一个接口,让自己对后端有更一步得了解。
2025-04-01 15:29:34
1232
原创 解决Luckysheet在线预览编辑Excel、PDF.....无法在同一个界面创建多个luckysheet实列问题
luckysheet插件由于是实列挂载到windows.luckysheet实列上,导致同时只能使用一个luckysheet于是我们使用<iframe/>标签进行隔离:1.每个<iframe>创建独立的浏览器上下文环境,避免多个Luckysheet实例共享同一JavaScript执行环境2.通过<iframe>的沙箱特性,防止数据污染和CSS样式冲突,确保各实例独立运行。
2025-04-01 10:33:14
611
原创 为什么后端接口返回数字类型1.00前端会取到1?
Axios 的 transformResponseaxios 在接收到服务器的响应后,会通过一系列的转换函数(transformResponse)来处理响应数据,使其适合在应用程序中使用。默认情况下,axios 的 transformResponse 包含以下步骤:解析 JSON 数据:使用 JSON.parse 将响应的 JSON 字符串转换为 JavaScript 对象。转换数据:根据响应的 Content-Type,可能进行其他转换(如将 XML 转换为对象)。返回数据:最终返回处理后
2025-03-24 16:51:17
640
3
原创 数据库:详细的解释和具体的例子来理解左连接(LEFT JOIN)、右连接(RIGHT JOIN)、内连接(INNER JOIN)以及外连接(FULL JOIN)的概念及其应用场景。
INNER JOIN:只返回两个表中都存在的相关数据。LEFT JOIN:返回左表的所有数据及右表中匹配的数据,右表无匹配则为NULL。RIGHT JOIN:返回右表的所有数据及左表中匹配的数据,左表无匹配则为NULL。FULL JOIN:返回两个表中的所有数据,匹配的和不匹配的都包括,缺失部分用NULL填充。需要所有左表数据,无论右表是否有匹配 → LEFT JOIN需要所有右表数据,无论左表是否有匹配 → RIGHT JOIN只需要两个表中都有的数据→ 。
2025-03-21 17:42:00
2239
原创 前端插件使用xlsx-populate,花样配置excel内容,根据坐添加标替换excel内容,修改颜色,合并单元格...。
xlsx-populate 主要是为 Node.js 环境设计的,因为它依赖于一些仅在 Node.js 环境中可用的功能和库,比如文件系统访问(fs 模块)等。这意味着它不能直接在浏览器端的 JavaScript 中使用,因为浏览器环境缺乏对本地文件系统的直接访问权限,并且存在安全限制。
2025-02-18 15:13:10
1475
4
原创 H5在微信环境等环境无法F12时如何调试log
vconsole 是一个开源的前端调试面板,由腾讯开源。它可以在任何支持 JavaScript 的移动端浏览器中运行,包括微信内置浏览器。vconsole 提供了类似 PC 端开发者工具的功能,如控制台日志、元素检查、网络请求监控等,极大地提高了移动端调试的效率。
2025-02-14 14:31:02
407
原创 前端项目依赖npm 、git 报错解决记录
npm报错就切换yarn , yarn报错就先切换npm删除 node_modules 跟 package-lock.json文件重新下载依
2024-12-27 09:23:02
884
原创 创建一个谷歌插件项目dome上线流程+源码
创建一个简单的 Chrome 扩展程序,其主要功能是 JSON 格式化。用户可以通过点击扩展图标打开一个弹出窗口,在弹出窗口中输入或粘贴 JSON 数据,然后点击格式化按钮来格式化 JSON 数据。
2024-12-16 11:24:41
795
原创 前端H5移动端基础框架模板 :Vue3 + Vite5 + Pinia + Vant4 + Sass + 附源码
技术栈选用 Vue3 + Vite5 + Pinia + Vant4 + Sass。
2024-12-11 15:11:37
1046
原创 前端lodash库原来这么好用,一行代码使用防抖节流,不用再去设置复杂变量
前端lodash库原来这么好用,一行代码使用防抖节流,不用再去设置复杂变量
2024-12-11 11:48:45
872
原创 面试官:前端如何去控制并发? :浏览器的内置机制已经实现控制并发
假设一个页面需要加载10个资源,每个资源都在同一个域名下。浏览器会首先并行发送6个请求,其余4个请求会被放入队列中。当其中一个请求完成后,队列中的一个请求会被发送出去,如此循环,直到所有请求都完成。协议引入了多路复用(Multiplexing)技术,允许在一个连接上并行处理多个请求。这大大减少了连接的开销和延迟,提高了请求的处理效率。协议下,浏览器可以一次性并行发送所有10个请求,而不需要等待前面的请求完成。假设一个页面需要加载10个资源,每个资源都在同一个域名下。HTTP/1.1 的并发连接限制。
2024-11-11 16:21:10
433
原创 window.open除了url参数,你知道其他两个吗?
window.open 是 JavaScript 中用于在新的浏览器窗口或标签页中打开指定 URL的方法。它提供了丰富的参数选项,可以用来控制新窗口的行为和外观。以下是 window.open 方法的详细用法和参数说明。
2024-11-08 12:01:08
919
原创 Electron + Vue3 开发桌面应用+附源码
Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它由 GitHub 开发并维护,允许开发者使用现代 Web 技术创建原生应用程序。Electron 结合了 Chromium 渲染引擎和 Node.js 运行时环境,使得开发者可以在同一个项目中同时利用前端和后端的技术栈。Electron 主要特点跨平台:一次编写,可在 Windows、macOS 和 Linux 上运行。
2024-11-08 11:24:56
2279
3
原创 前端预览文件,支持.docx.word.pdf.excel.image/png/jpeg/gif/bmp/tiff格式文件,保留原文件样式,封装未为一个组件,单个需求自行代码截取,简单好用,轻松搞得。
前端预览文件,支持.docx.word.pdf.image/png/jpeg/gif/bmp/tiff格式文件,封装未为一个组件,简单好用,轻松搞得!
2024-09-02 21:21:40
568
原创 el-table利用折叠面板 type=“expand“ 嵌套el-table,并实现 明细数据多选,选中明细数据后返回原数据得嵌套格式
【代码】el-table利用折叠面板 type="expand" 嵌套el-table,并实现 明细数据多选,选中明细数据后返回原数据得嵌套格式。
2024-08-31 13:56:31
1116
原创 为了在前端项目打包后删除 console.log 日志,可以采用不同的方法来实现这一目标。以下是几种常见的方式,包括在 Webpack 和 Vite 中的具体实现。
在生产环境中,我们希望移除所有的 console.log 日志。在生产环境中,我们希望移除所有的 console.log 日志。如果 process.env.NODE_ENV 的值为 'production',则 isProduction 为 true,表示当前环境为生产环境。在 vue.config.js 中,我们可以使用 configureWebpack 方法来配置 webpack 的相关选项。首先,我们需要判断当前环境是否为生产环境。首先,我们需要判断当前环境是否为生产环境。
2024-08-29 10:45:47
914
原创 如何在 Vue 中创建一个带有表格和表单的弹窗
本文将通过一个具体的示例来介绍如何在 Vue 应用中实现一个带有表格和表单功能的弹窗组件。我们将使用 Element UI 库中的 el-dialog 组件来构建这个弹窗,并结合 el-table 和 el-form 来展示数据并允许用户进行编辑。
2024-08-29 09:44:49
1931
1
原创 UE3+nest.js前后端部署-Linux中Nginx配置文件前端界面路径,后端反向代理接口
或者 查看 /etc/nginx 目录,大多数 Linux 发行版的 nginx.conf 文件位于 /etc/nginx 目录下。保存并退出: 按 Esc 退出插入模式。输入 :wq 并按 Enter 保存并退出。不保存并退出: 按 Esc 退出插入模式。并按 Enter 不保存并退出。1.输入查找命令,这个命令会在整个文件系统中搜索名为 nginx.conf 的文件。一、配置代理的文件是nginx.conf,首先找到它的目录。
2024-08-28 20:13:24
410
原创 什么是iframe,火爆的微前端解决方案方案,教你快速看懂使用
iframe(Inline Frame) 是一种 HTML 标签,它允许在一个网页内部嵌套加载另一个网页,从而实现在主页面中展示外部网页内容的功能。iframe 创建了一个独立的浏览上下文,拥有自己的文档对象模型(DOM)和执行环境,这意味着它不会与主页面共享JavaScript变量或CSS样式,提供了较好的隔离性。基本用法直接在模板中使用 标签: 在Vue组件的模板部分,你可以直接插入标签,并设置src属性指向你想要嵌入的页面URL。2.设置 src 属性:s
2024-08-28 09:48:48
5450
原创 宝塔面板配置node/npm/yarn/pm2....相关全局变量 npm/node/XXX: command not found
2.跳转至node目录下,我的node版本是v16.14.2。我的里面有node,npm,pm2,yarn......2.1 如果不知道自己node版本多少就跳转到。3.继续查看bin当前文件下的目录。1.打开终端 , cd 到根目录。然后查找当前目录下的文件。确定自己的node版本。4.输入命令添加至全局。
2024-08-24 22:38:16
870
原创 Linux宝塔面板使用教程 - Centos/Alibaba Cloud Linux,解放命令实现可视化
使用前注意事项:为了您的正常使用,请确保使用全新或纯净的系统安装宝塔面板,不支持已部署项目/环境的系统安装。
2024-08-22 15:16:28
569
原创 VUE3+nest.js前后端部署-服务器linux中部署Node.js环境
一.安装分布式版本管理系统Git (Alibaba Cloud Linux 3/2、CentOS 7.x)六.安装多个Node.js版本 ,当前安装得是18版本,可以运行步骤五获取全部得Node.js版本。二.使用Git将NVM的源码克隆到本地的~/.nvm目录下,并检查最新版本。四.修改npm镜像源为阿里云镜像,以加快Node.js下载速度。如果遇到网络问题有个方法直接取消网络代理。七.查看已安装的Node.js版本。三. 配置NVM的环境变量。五.查看Node.js版本。
2024-08-21 15:02:50
794
1
原创 VUE3+nest.js前后端部署-服务器linux中部署Redis应用
六.指定redis必须存放在/usr/local/redis目录,想删除直接删除这个文件,不添加该关键字Linux会将可执行文件存放在/usr/local/bin目录,自愿改。一、登录Xshell7 && 服务器 开放Mysql 3306端口, Redis 6379 端口。八.修改配置 /usr/local/redis下有一个redis.conf的配置。九.运行 redis-cli 并指定远程 Redis 服务的 IP 地址和端口。八.添加 Redis 二进制文件路径到 PATH 中。
2024-08-21 12:37:50
342
原创 VUE3+nest.js前后端部署-服务器linux中安装数据库Mysql8
(Press y|Y for Yes, any other key for No) :Y #输入Y确认使用已设置的密码。(2)在输入密码时,系统为了最大限度地保证数据安全,命令行将不做任何回显。如果以下报错为密码错位,复制粘贴得注意空格,初始密码重新尝试。5.运行以下命令,启动并设置开机自启动MySQL服务。运行以下命令后,输入root用户的密码登录MySQL。6.运行以下命令,获取并记录root用户的初始密码。3.运行以下命令,查看MySQL版本号。2.运行以下命令,安装MySQL。
2024-08-21 10:39:31
668
原创 Vue.js 中使用 Element UI 的表格列选择selectable 可选控制
1.定义 selectable 函数: 在 Vue 组件的 methods 或者 computed 属性中定义一个函数,该函数接收两个参数:当前行的数据 row 和行的索引 index。函数应返回一个布尔值,指示该行是否可被选中。2.绑定 selectable 函数: 在 标签中,使用 type="selection" 创建一个选择列,并通过 :selectable 绑定上面定义的函数。
2024-07-09 09:52:12
1515
1
原创 使用JavaScript优雅实现每页一图的打印功能
步骤二:生成打印HTML内容接下来,定义buildPrintContent函数,它负责根据图片数据生成HTML字符串,确保每张图片被包裹在一个具有.invoice-page类的中,以便于应用打印样式。
2024-06-17 21:52:03
952
原创 vue中引入Big.js解决0.1 + 0.2 !== 0.3 的 精度问题
确保在进行加减乘除等运算时,使用 Big.js 提供的方法而不是 JavaScript 原生的运算符,以确保高精度计算的正确性。:Big.js 提供了各种数学运算方法,如加法、减法、乘法、除法、取余等。:Big.js 允许你将 Big.js 对象格式化为字符串,可以控制小数点位数、千位分隔符等。函数来创建 Big.js 对象,可以接受数字、字符串或另一个 Big.js 对象作为参数。:你可以使用 Big.js 提供的方法来控制数学运算的精确度,包括小数点位数和舍入方式。
2024-05-22 11:11:26
1352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人