- 博客(19)
- 收藏
- 关注
RSS订阅
原创 canvas随机线条鼠标跟随背景代码分享【JS】
文章介绍了一个动态线条效果的实现，通过JavaScript和Canvas技术生成随机移动的线条，并支持鼠标交互。作者分享了该效果的背景，提到自己初学编程时对此类效果的惊艳感受，并希望通过开源代码帮助有类似兴趣的开发者。代码部分展示了如何通过JavaScript动态创建Canvas元素、设置线条属性、处理鼠标事件以及实现线条的随机移动和连接。该效果封装为Vue组件和JS文件，供开发者使用。
2025-05-23 07:00:00
538
原创 常用自定义指令-防抖与节流 【vue】【二】
本文介绍了两种Vue自定义指令的实现：防抖(Debounce)和节流(Throttle)。防抖指令通过在事件触发后延迟执行函数（默认300毫秒），若在延迟期间再次触发则重新计时，有效避免频繁操作。节流指令则通过限制函数执行频率（默认500毫秒），确保函数在指定时间间隔内最多执行一次。两种指令都提供了事件监听器的清理机制，防止内存泄漏。这些自定义指令可直接注册到Vue应用中，为高频事件处理提供优化方案。
2025-05-25 08:00:00
161
原创 品鉴JS的魅力之防抖与节流【JS】
本文介绍了JavaScript中函数防抖与节流的实现原理。防抖通过延迟执行并在触发时重置计时，确保函数只在最后一次事件后执行；节流则限制函数在指定时间间隔内最多执行一次。文章提供了两者的代码实现方案，并指出虽然常用lodash库，但了解原理有助于在无法使用第三方库时自行解决问题。这些技术能有效减少不必要的计算，提高页面性能。
2025-05-24 21:52:12
170
原创 Vue常用自定义指令-积累的魅力【VUE】
本文介绍了Vue中自定义指令的基本概念、核心特征及实现方式，并分享了两个常用的自定义指令代码示例。首先，自定义指令是Vue提供的扩展机制，用于封装对DOM元素的底层操作逻辑，与内置指令不同，需要开发者显式注册。其核心特征包括命名规范、生命周期钩子和参数传递。实现方式分为全局注册和局部注册。接着，文章分享了两个自定义指令的代码：1）搜索文本高亮指令，通过正则匹配搜索关键字并高亮展示；2）页面拖拽指令，通过鼠标事件实现元素在页面中的任意拖拽。这些指令适用于搜索结果展示和浏览器中的智能机器人图标等场景。
2025-05-23 17:22:25
1258
原创 npm : 无法加载文件 F:\nodejs\npm.ps1问题【npm】
摘要： 解决npm无法加载脚本的问题，通常因Windows执行策略限制导致。提供四种方法： 临时更改执行策略（推荐）：以管理员身份运行PowerShell，执行Set-ExecutionPolicy RemoteSigned； 为目录单独设置策略：通过-Scope参数限定生效范围； 在VSCode终端直接运行：避免集成工具权限问题； 检查环境变量：确保Node.js和npm路径正确配置。 建议优先选择方法1或3，平衡便捷性与安全性。操作需管理员权限，完成后重启终端生效。 （字数：149）<｜end▁o
2025-05-22 09:00:00
580
1
原创 浅谈JS的深浅克隆【JS】
在JavaScript中，对象的赋值传递的是内存地址而非数据本身，这可能导致在修改目标对象时意外修改源对象，给开发带来困扰。为了解决这一问题，可以使用浅克隆和深克隆。浅克隆仅复制对象本身和基础类型的成员变量，而引用类型的成员变量则共享地址，常见实现方式有Object.assign和扩展运算符。深克隆则复制所有值类型和引用类型变量，确保源对象和目标对象完全独立，常见实现方式包括递归遍历和JSON转换。浅克隆适用于一般赋值场景，而深克隆则用于需要保留源数据干净或数据状态回退的场景。掌握这些克隆技术有助于避免数据
2025-05-21 07:00:00
224
原创 nvm-windows之node版本管理工具【node】【开发必备】
nvm 是一个用于管理多个 Node.js 版本的工具，特别适合前端开发者。本文介绍了如何在 Windows 系统上安装和使用 nvm。首先，用户需要从 GitHub 下载 nvm-setup.exe 或 nvm-setup.zip 进行安装。安装过程中，用户可以选择安装目录和 Node.js 快捷方式的生成位置。安装完成后，用户可以通过命令行工具（如 PowerShell）输入 nvm -v 来验证安装是否成功。nvm 支持安装、切换和管理多个 Node.js 版本，用户可以通过命令如 nvm insta
2025-05-20 11:05:08
1462
2
原创 自定义指令---v2与v3之间的区别【VUE基础】
在Vue开发中，自定义指令是一种用于重用底层DOM操作逻辑的工具。Vue2和Vue3在自定义指令的定义、注册和钩子函数方面存在一些差异。Vue3中，自定义指令可以通过全局注册或组件内注册，钩子函数包括created、mounted、updated等，而Vue2的钩子函数则包括bind、inserted、update等。两者的钩子函数参数也有所不同，Vue3提供了更多的参数选项。此外，自定义指令的参数可以是动态的，并且可以通过简化形式快速定义指令。通过合理使用自定义指令，开发者可以更高效地复用代码，提升开发效
2025-05-19 20:00:00
1288
原创 vue3的全局混入【vue3】
使用全局混入在Vue 3中，你可以通过在app.config.globalProperties上添加属性或方法来实现全局混入。但是，如果你想通过更“传统”的混入方式实现全局混入，你可以使用app.mixin()方法。Vue 3的Composition API：对于更复杂的逻辑和状态管理，Vue 3的Composition API提供了更好的灵活性和组织结构。在Vue 3中，全局混入（Mixin）的概念与Vue 2相似，但有一些细微的差别。这意味着最后一个混入的属性或方法将覆盖之前混入的同名属性或方法。
2025-05-17 18:58:16
351
原创 问题 You have not concluded your merge【GIT】
在Git操作中，如果遇到“error: You have not concluded your merge (MERGE_HEAD exists)”错误，通常是因为之前的合并操作未完成或存在未解决的冲突。解决此问题有两种常见方法：第一种是使用git merge --abort终止当前合并，然后通过git reset --merge、git pull和git push重新合并代码；第二种方法是使用git fetch --all拉取所有远程分支，然后通过git reset --hard origin/maste
2025-05-15 19:00:00
218
原创 常用css代码片段【css】【持续更新中】
收录一下常用的css的代码片段，方便日常的工作。在下从事前端开发不到六年，技术虽不牛，但是喜欢探讨，如有问题，也可交流探讨！
2025-05-15 14:24:38
311
原创 vue 埋点方案【vue】
选择合适的方法取决于你的具体需求和使用的分析工具。对于大多数情况，使用第三方库或全局混入是较为常见和方便的方法。如果你需要更细粒度的控制，可以考虑使用Vue组件生命周期钩子或自定义指令。
2025-05-14 12:00:00
579
原创 如何判断电脑有没有mysql的残留
本文介绍了如何检查电脑是否安装MySQL及清理残留文件的方法。在Windows系统可通过命令行查询MySQL服务状态、检查安装目录和环境变量；macOS/Linux系统可使用终端查看服务状态及安装路径。图形界面工具如Windows服务管理器和控制面板也能辅助检查。此外，运行mysql -V可验证安装。如需卸载，需删除安装目录、环境变量中的路径、停止相关服务及移除配置文件，操作前建议备份重要数据。通过命令行或图形工具可安全完成这些操作。
2025-05-13 22:22:42
364
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人