- 博客(56)
- 收藏
- 关注
RSS订阅原创 前端使用 crypto-js库AES加解密
是一个纯 JavaScript 实现的加密库，支持 AES、SHA、HMAC 等算法，兼容浏览器和 Node.js 环境。现在项目使用http协议，且登录界面的用户登录密码是明文传输，项目真正上线后，存在信息泄露风险。所以准备用前端框架加密处理用户输入的密码再传输。你需要提供要加密的数据和密钥。同样需要提供密文和密钥。1、 安装 crypto-js 库。3、AES 加密： 使用。4、AES 解密： 使用。
2025-03-17 09:18:01
356
原创 如何判断一个项目用的是哪个管理器
写这篇博客是因为之前一个老项目用的包管理器是npm现在的项目用的是pnpm，维护老项目时忘记切换包管理器了，打包部署后，导致所有的列表数据都渲染不出来。文件本身并不指定使用哪个包管理器，但它列出了项目的所有依赖和脚本，是所有包管理器都会使用的文件。除了这些锁定文件外，
2025-03-14 18:14:49
263
原创 Vue动态修改页面的 title 浏览器页签名称
实现方法：在 main.js 中动态设置标题。确保 DOM 完全加载后再设置标题。需求：不同的网址浏览器页签名称要不同。判断当前语言，并设置相应的标题。
2025-03-11 13:50:22
192
原创 根据打印机ip 连接打印机
设置->打印机和扫描仪->添加打印机或扫描仪->我需要的打印机不在列表中->使用IP地址或者主机名添加打印机->输入打印机ip地址就行了。
2025-03-03 14:22:38
166
原创 JavaScript 中的 MutationObserver
JavaScript 中的 MutationObserver 是用于异步观察 DOM 变化的接口，能够监控节点的添加、移除、属性修改等操作。获取原始文本：使用 nodeValue 获取节点的文本内容，并去除前后空格。检查节点类型：如果节点是文本节点。
2025-02-19 13:49:39
349
原创 Vue 3 中的 defineExpose
可以选择性地暴露内部内容，从而避免不必要的属性泄漏，同时提供更好的封装性。确保在调用之前检查引用是否存在，以避免潜在的错误。在需要调用子组件方法的地方（例如按钮点击事件），通过。子组件的内容不会自动暴露给父组件。通过这种方式，父组件可以直接调用子组件中通过。这样父组件可以通过模板引用访问。创建一个对子组件的引用（例如。1、在 Vue 3 中，调用子组件暴露的方法。在父组件中通过模板引用。
2025-01-17 15:52:29
294
原创 [渲染层错误] Uncaught (in promise) TypeError: Cannot read property ‘on‘ of undefined(env: Windows,mp,1.06
渲染层错误] Uncaught (in promise) TypeError: Cannot read property ‘on’ of undefined(env: Windows,mp,1.06。把微信开发者工具中的详情->本地设置->调试基础库 选择靠下一点的就可以正常运行了！
2024-12-30 15:25:33
382
原创 window.resize 事件
new Event(‘resize’) 创建一个新的 resize 事件对象，并通过 dispatchEvent 方法将其派发到 window 对象上。resize 事件在 Web 开发中用于监听窗口大小的变化。当浏览器窗口的尺寸发生变化时，会触发 resize 事件。
2024-11-30 14:34:35
464
原创 Git的下载与安装
这里主要提供一个快速下载安装git的地址 具体安装步骤我就不再赘述！安装很简单 不要动默认的勾选项 一直点击Next即可！2、下载完成，找到下载文件的位置，双击打开安装向导。2、选择组件时可以把添加桌面勾选上 方便快捷操作。1、官网的Git下载速度很慢。详细步骤可参考其他博主的博文。1、安装路径最好不要带中文。
2024-09-21 18:25:28
522
1
原创 【js根据年月获取该月份的最后一天的日期字符串】
/ 假设 expirationDate 已经被定义为 ["2024-08", "2024-09"]// 提取年份和月份// 计算月末日期// 设置下个月的第一天，然后减去一天得到当前月的最后一天return `${// 假设 expirationDate 已经被定义为 ["2024-08", "2024-09"] const formatExpirationDate =(expirationDate) => {
2024-08-19 11:33:04
925
原创 CSS——伪元素&:before
:after和::before的使用很简单，可以认为其所在元素上存在一前一后的两个的元素，这两个元素默认是内联元素，但我们可以为其增添样式。::after和::before使用的时候一定要注意，必须设置content，否则这两个伪元素是无法显示出来的。而content属性，会作为这两个伪元素的内容嵌入他们中。
2024-08-13 10:54:52
521
原创 树组件 el-tree 数据回显
如果后端返回的数据不是树节点的id集合组成的数组结构，这里我的后端给我的是树型结构，我是通过递归处理的。这里我只放了核心代码，主要是。大家根据需要自行更改！
2024-08-01 15:37:23
1450
原创 el-cascader级联选择器，如何仅根据最后一级id回显完整中文路径
/ 使用 while 循环处理队列，直到找到目标或队列为空// 找到目标，返回完整路径// 将子节点及其路径加入队列// 未找到目标，返回空路径初始化：path：初始化一个空数组，用于存储从根节点到目标节点的路径。queue：初始化一个队列，用于广度优先搜索。队列的第一个元素是一个对象，包含：node：初始为，即整个菜单树的根节点。path：初始为空数组，表示还没有经过任何节点。广度优先搜索：使用 while 循环，只要队列不为空，就持续进行搜索。
2024-07-19 14:32:44
1414
原创 使用 NVM 管理 Node.js 版本
nvm是一款Node.js版本管理工具，允许我们在通一台计算机上同时安装多个Node.js版本。这样可以根据项目的需要选择不同的Node.js版本，而无需手动安装和卸载各个版本，极大简化了Node.js版本管理过程。
2024-03-18 14:22:41
782
原创 vue3使用echarts绘制地图
实现效果如下图：【上述代码使用的是可视化社区里的这个。5. 封装echarts【具体封装流程可参考博客】，如有需要自行按需更改即可！
2024-02-27 10:55:13
706
原创 在vue3中使用及封装echarts
在vue3中使用及封装echarts1.获取ECharts从npm获取npm install echarts2.在项目中引入ECharts（父子组件无通信）子组件：<template> <div ref="myChart" style="width: 1000px; height: 600px;"></div></template><script setup>import * as echarts from 'ech
2024-02-23 11:02:44
1748
原创 在vue3中使用canvas实现雨滴效果
上述代码实现了一个简单的雨滴效果，主要包括绘制雨滴和下落动画两个部分。这是封装的一个组件DotAndRain（在App.vue文件中直接使用即可。cavans实现雨滴。
2024-02-21 15:38:37
751
原创 CSS 中的 calc() 函数
在这个例子中，容器的宽度将是视窗宽度的50%，并且减去20像素的空间。通过使用vw和vh单位，容器的大小会根据视窗的大小动态调整，从而实现响应式设计。calc()函数是CSS3中的一个强大特性，可以用于在CSS属性中进行数学运算。在上述代码中，我们使用 calc() 函数来计算 .container 容器的宽度。上述例子中，标题的字体大小会根据视窗宽度自动调整，同时保持与基准字体大小（1rem）的比例关系。上述例子，盒子的宽度和上边距都会根据父元素宽度的50%进行计算，并且保持宽高比为1：1。
2024-02-21 11:23:31
2149
原创 npm install 时出现 “npm ERR! code CERT_HAS_EXPIRED“ 错误
出现 “npm ERR!code CERT_HAS_EXPIRED” 错误通常是由于 npm 使用的 SSL 证书过期导致的。：首先尝试升级Node.ja和npm到最新版本，因为有时候旧版本的Node.js或npm可能导致SSL证书验证失败。
2024-02-18 17:28:09
9663
1
原创 npm i报错request to https://registry.npmjs.org/xxx failed, reason: connect ETIMEDOUT 104.16.25.34:443
然后再次运行npm install。
2024-02-18 15:29:26
12402
原创 前端动画技术Animations和Transition
方式一：from和to关键字from {/* 初始状态样式 */ } to {/* 结束状态样式 */ } }方式二：百分比0% {/* 初始状态样式 */50% {/* 中间状态样式 */100% {/* 结束状态样式 */
2024-01-31 15:14:35
1403
原创 在vue3项目中使用el-upload实现文件上传
handleFileSuccess ：该函数是一个处理文件上传成功的回调函数。它关闭上传组件，清除已上传的文件，弹出导入结果提示框，展示导入结果信息，并调用getList函数获取列表数据。
2023-11-13 14:54:43
3898
原创 Git删除添加的远程地址，并把本地文件提交到远程仓库
而git push -uf origin main是强制推送命令，用于强制将本地分支推送到远程分支，可能会覆盖远程分支上的更改，慎用。git push -u origin main是常规的推送命令，用于将本地分支推送到远程并建立关联。这个命令将develop分支推送到远程仓库，请确保分支名正确，并且远程仓库中不存在同名的分支。这个命令是将远程仓库的更新合并到你的本地分支上。这个命令会创建一个名为develop的新分支，并切换到该分支上。这个命令会列出所有本地分支，并在当前分支前面添加一个*标记。
2023-11-09 09:46:43
271
原创 nrm的安装与使用
nrm 是一个 Node.js 的 registry 管理工具，它允许你快速地在不同的 npm registry 之间进行切换。通过使用 nrm，你可以方便地将 npm 的 registry 切换为淘宝镜像、npm 官方镜像或者其他定制的镜像，以加快包的下载速度。nrm ls：列出所有可用的 registry。：切换到指定的 registry。：添加一个新的 registry。：删除一个已存在的 registry。
2023-11-09 09:07:40
543
原创 vscode隐藏文件夹显示
vscode隐藏文件夹显示文件资源管理器中打开设置，然后在搜索框中输入 “files.exclude”，把你想显示的文件删除掉就可以了
2023-11-08 11:28:40
963
原创 使用Element-plus时，控制台报错popper-append-to-body is about to be deprecated in version 2.3.0
组件中的 “popper-append-to-body” 属性在 2.3.0 版本中被弃用。
2023-11-06 13:53:16
1730
原创 搜索 之 深搜 于 广搜
广度优先搜索（BFS）基本思想利用队列先进先出的性质，从起点开始，将一步能到达的点全部存入队列，然后将队列中队首元素出队，执行与起点相同的操作，以此循环，直到到达终点或者队列为空，队列为空说明可以到达的点都已经遍历过了，也就是说没有路可以到达终点。广搜的一般结构例题迷宫：S为入口，G为出口#include <iostream>#incl...
2023-10-31 14:36:57
74
1
原创 vue项目通用下载方法
在utils/request.js文件里总之，上述代码通过发送POST请求获取服务器返回的文件数据，并根据浏览器的支持情况，使用不同的方式进行文件下载，以实现通用的下载功能。或者补充：涉及到的参数处理函数上述代码通过遍历请求参数对象，将参数名和参数值进行编码，并拼接为URL查询字符串的形式。如果参数值是对象类型，则会将对象的属性名和属性值进行编码，并拼接为形如propName[key]=value的字符串。最终返回转换后的URL查询字符串。
2023-10-30 11:31:27
1304
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人