- 博客(284)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 npm 安装 pnpm 的详细步骤及注意事项
将 npm install 替换为 pnpm install。将 npm run build 替换为 pnpm build。检查 Node.js 版本（需 ≥12.17）输出版本号即表示安装成功。
2025-03-20 15:57:02
573
转载 vue3清除keep-alive的缓存的解决方案
Vue3中的keep-alive组件用于缓存页面,以便在切换页面时保留其状态，但是这个状态是永久的，如果需求是列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页，这样就涉及到要手动删除keep-alive的缓存了。移除组件名称，组件缓存会被清除。清除缓存的时机是根据页面等级来的，比如：首页的等级=0，列表页=1，详细页=2，当from>to时，则认为是列表页回到了首页，则需要清除缓存，否则就是进入详细页，则不清除缓存！
2025-02-19 15:56:24
96
原创 vue3使用vue-native-websocket-vue3通讯
如果你的项目启用了TypeScript，则在main.ts文件中导入并使用插件。使用插件时，第二个参数为必填项，是你的websocket服务端连接地址。插件必须依赖于Vuex或者pinia任选其一即可。没有启用就在main.js中导入并使用。
2025-01-15 09:56:54
743
2
转载 关于VsCode终端升级npm之后无法使用npm命令
报错问题：npm : 无法加载文件 D:\nodejs\npm.ps1。未对文件 D:\nodejs\npm.ps1 进行数字签名。有关运行脚本和设置执行策略的详细信息，请参阅 https:/go.microsoft.com/fwlink/?2.输入 get-command npm 查看一下会有环境变量的命令占用了npm，而且就在显示的路径下有个npm的文件；3.找到查询后Source在电脑上的位置，删除npm.ps1这个文件，重启软件即可。升级npm：npm install -g npm@11.0.0。
2025-01-07 17:19:37
175
原创 Vue3组件通信13种方法
总结这 13 种方法涵盖了 Vue 3 中几乎所有的组件通信场景。根据你的具体需求和应用规模,选择最合适的通信方式。好的组件设计能够简化通信,提高代码的可维护性。
2024-09-20 09:30:26
3159
原创 npm发布插件超级简单版
在开源的世界里，每个人都有机会成为贡献者，甚至是创新的引领者。您是否有过这样的想法：开发一个解决特定问题的小工具，让他成为其他开发者手中的利器？今天，我们就来一场实战训练，学习如何将你的代码打包成npm插件包，发布到全球最大的JS包管理平台–npm上。让全世界的其他开发者受益于你的智慧吧。我将自己编写的常用组件，工具模块，指令，常用的api库，框架等代码为了更好的复用，灵活的管理，上传到了npm库中进行了管理，更新，迭代。
2024-09-19 09:20:36
353
原创 兼容pc端和移动端的滑块校验
组件<template> <canvas :class="cvsClass" :width="props.width" :height="props.height" ref="cvs"></canvas></template><script setup>import { ref, reactive, watch, nextTick } from "vue";const props = defineProps({ // 是否开启服
2024-09-10 12:03:47
506
原创 nvm的安装不同版本的node.js
为什么使用 NVM？NVM 允许用户：使用简单的命令在本地下载任何远程长期支持 （LTS） 版本的 Node.js。直接从命令行在 Node.js 的多个版本之间轻松切换。设置别名以轻松在不同下载版本的 Node.js之间切换。
2024-05-13 10:22:49
770
1
原创 pinia的使用vue3
onAction:订阅Actions的改变，只要有actions被调用就会走这个函数。$subscribe:订阅state的改变，只要有state 的变化就会走这个函数。pinia持久化工具pinia-plugin-persist。$reset():重置store到它的初始状态。
2024-03-19 16:20:48
324
转载 使用Markdown编辑器
为帮助您在优快云创作的文章获得更多曝光和关注，我们为您提供了专属福利：已注册且未在优快云平台发布过文章的用户，9月1日—9月30日期间发布首篇文章可享大额首篇流量券扶持，且发布首篇文章后30日内，享连续每日流量券扶持；已注册且未在优快云平台发布过文章的用户，在8月1日—8月30日期间发布过首篇，可自9月1日起，享连续30天每日流量券扶持；更多福利介绍详见https://mp.youkuaiyun.com/mp_blog/manage/traffic如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇
2023-12-19 17:32:02
104
转载 vue3 多种方法的锚点定位
在 Vue 3 中，可以通过多种方式实现锚点定位，包括使用原生的 JavaScript 方法和利用 Vue Router 提供的导航守卫等。下面我会分别介绍这些方法。
2023-10-09 11:11:23
2996
1
原创 vscode更改为中文版本
注：若以上两步操作之后页面仍为英文，可以重复第一步操作，然后选择 English 之后重启vscode。在搜索框中输入“locale”（不用输入引号），找到“locale:执行 VSCode 的区域设置。”在右侧下拉菜单中选择“zh-cn”。这时候vscode会提示需要重启，点击restart重启vscode，重启后vscode就会显示中文界面。打开VScode，在菜单栏选择“文件”→“首选项”→“设置”，打开设置页面。保存设置，重启VScode，界面就变成了中文。在扩展里安装chinese插件。
2023-10-07 09:38:18
2325
原创 vue瀑布流布局
'瀑布流’是前端的一种’布局’方式，就像我们经常’搜百度’看到的’图片列表’都是’瀑布流’完成的，如下图，‘瀑布流’会根据’某一列’的’高度’，来自动向’最低高度’的一’列’下面继续添加元素，下面是在’vue’项目中使用’瀑布流’的案例。
2023-05-25 16:25:12
3630
原创 canvas原生画布-uniapp
<template> <view class="demo"> <view class="" v-show="!canvas_img" style="z-index:999;"> <canvas :style="{ width: canvasW*2 + 'rpx', height: canvasH*2 + 'rpx' }" canvas-id="myCanvas" id="myCanvas01" style="z-index:99999999;">&
2023-05-25 16:22:46
507
原创 简单使用art-template模板引擎
art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试。
2023-05-25 14:53:18
247
原创 js逻辑运算（与或非）
当两个数据中有一个为true时，就会返回一个true。js中的"或"为短路或，即当两个数据中，只要第一个为true，就不会看第二个数；只要有一个为false，则就会返回一个false。js中的"与"运算为短路与，当第一个数据为false时，就不会就看第二个值，当第一个数据为true时，则需要看第二个数据才能知道结果。如果对非布尔值进行非运算，我们需要将他先转换为布尔值，然后在对他进行取反。则是将其他的数据类型转换为布尔型：即为任意类型的数据连续取反两次，将其转换为布尔值，原理和Boolean（）函数一样。
2023-05-19 17:34:05
2682
原创 Js实现深拷贝的4种方式
进行深拷贝的方法：递归函数 （推荐使用，项目中使用的更多，更小，更安全）JSON.stringify() 和JSON.parse();(不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)第三方库lodash的cloneDeep()方法JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)
2023-05-12 09:34:25
17143
转载 canvas滑块验证
https://blog.youkuaiyun.com/qq1248409755/article/details/114658859
2023-03-24 15:01:15
193
转载 keep-alive页面缓存问题
https://blog.youkuaiyun.com/qq_39356498/article/details/114262463https://www.kancloud.cn/feftan/vue_programe/998224
2023-03-24 14:40:08
452
原创 使用github的Pages免费部署前端项目以原生html文件为例
首先先把项目提交到你的github远程仓库。具体如何提交我不做解释。新建一个仓库用来放dist下的产物。
2023-03-23 16:57:58
383
原创 前端代码优化方法
14.合理使用页面缓存(vue如：keep-alive等)，页面数据本地缓存(localStorage,sessionStorage等)，减少http请求次数（但是要注意数据更新）23.第三方资源不可控会影响页面的加载和显示，要异步加载第三方资源(js:async 和 defer，css:import 和 link)13.原生写的页面要注意页面的执行顺序(跟据你具体的需求布置加载顺序=>css/html/js)6.减少css表达式，表达式只是让你的代码显得更加酷炫，但是对性能的浪费可能超乎你想象。
2023-02-27 15:33:12
4894
原创 浅谈script，link，import，@import引入
1.script，link是html标签，script可以引入js,即可调用引入js里面的方法，link标签可以引入css样式图片。4.可操作性:link可以通过js操作dom（盗墓 文档对象模型）插入link标签改变样式，而@import不能。2.import是tp语法，可以引入js也可引入css。3.兼容性:link（是标签）没有兼容问题，@import不兼容ie5以下的浏览器.1.从属关系:link是html标签，@import是css提供的.链接式和导入式有什么区别（链接式，导入式，内嵌式，行内）
2023-02-25 15:26:50
4012
原创 使用wow.js给页面添加动画
data-wow-offset：触发动画时到元素的距离。data-wow-duration：过渡时间。data-wow-delay：延迟时间。设置wow可以如下html设置。设置wow可以如下js设置。
2023-02-25 14:55:39
462
原创 vue3使用pdfh5(安卓端)
总结:ios手机自带pdf预览功能，a标签打开即可预览，安卓手机需要本文使用pdfh5进行预览（打开了新页面）
2023-02-25 11:25:14
1459
转载 谷歌浏览器关于滚动事件警告去除
将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件。考虑将事件处理程序标记为“被动”以使页更具响应性。2、main.js中加入：import ‘default-passive-events’
2023-02-16 16:20:29
1946
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人