- 博客(276)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 pinia的使用vue3
onAction:订阅Actions的改变，只要有actions被调用就会走这个函数。$subscribe:订阅state的改变，只要有state 的变化就会走这个函数。pinia持久化工具pinia-plugin-persist。$reset():重置store到它的初始状态。
2024-03-19 16:20:48
246
转载 使用Markdown编辑器
为帮助您在CSDN创作的文章获得更多曝光和关注，我们为您提供了专属福利：已注册且未在CSDN平台发布过文章的用户，9月1日—9月30日期间发布首篇文章可享大额首篇流量券扶持，且发布首篇文章后30日内，享连续每日流量券扶持；已注册且未在CSDN平台发布过文章的用户，在8月1日—8月30日期间发布过首篇，可自9月1日起，享连续30天每日流量券扶持；更多福利介绍详见https://mp.csdn.net/mp_blog/manage/traffic如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇
2023-12-19 17:32:02
67
转载 vue3 多种方法的锚点定位
在 Vue 3 中，可以通过多种方式实现锚点定位，包括使用原生的 JavaScript 方法和利用 Vue Router 提供的导航守卫等。下面我会分别介绍这些方法。
2023-10-09 11:11:23
1637
1
原创 vscode更改为中文版本
注：若以上两步操作之后页面仍为英文，可以重复第一步操作，然后选择 English 之后重启vscode。在搜索框中输入“locale”（不用输入引号），找到“locale:执行 VSCode 的区域设置。”在右侧下拉菜单中选择“zh-cn”。这时候vscode会提示需要重启，点击restart重启vscode，重启后vscode就会显示中文界面。打开VScode，在菜单栏选择“文件”→“首选项”→“设置”，打开设置页面。保存设置，重启VScode，界面就变成了中文。在扩展里安装chinese插件。
2023-10-07 09:38:18
749
原创 vue瀑布流布局
'瀑布流’是前端的一种’布局’方式，就像我们经常’搜百度’看到的’图片列表’都是’瀑布流’完成的，如下图，‘瀑布流’会根据’某一列’的’高度’，来自动向’最低高度’的一’列’下面继续添加元素，下面是在’vue’项目中使用’瀑布流’的案例。
2023-05-25 16:25:12
1672
原创 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
279
原创 简单使用art-template模板引擎
art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试。
2023-05-25 14:53:18
170
原创 js逻辑运算（与或非）
当两个数据中有一个为true时，就会返回一个true。js中的"或"为短路或，即当两个数据中，只要第一个为true，就不会看第二个数；只要有一个为false，则就会返回一个false。js中的"与"运算为短路与，当第一个数据为false时，就不会就看第二个值，当第一个数据为true时，则需要看第二个数据才能知道结果。如果对非布尔值进行非运算，我们需要将他先转换为布尔值，然后在对他进行取反。则是将其他的数据类型转换为布尔型：即为任意类型的数据连续取反两次，将其转换为布尔值，原理和Boolean（）函数一样。
2023-05-19 17:34:05
1163
原创 Js实现深拷贝的4种方式
进行深拷贝的方法：递归函数 （推荐使用，项目中使用的更多，更小，更安全）JSON.stringify() 和JSON.parse();(不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)第三方库lodash的cloneDeep()方法JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)
2023-05-12 09:34:25
15746
转载 keep-alive页面缓存问题
https://blog.csdn.net/qq_39356498/article/details/114262463https://www.kancloud.cn/feftan/vue_programe/998224
2023-03-24 14:40:08
334
原创 使用github的Pages免费部署前端项目以原生html文件为例
首先先把项目提交到你的github远程仓库。具体如何提交我不做解释。新建一个仓库用来放dist下的产物。
2023-03-23 16:57:58
224
原创 前端代码优化方法
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
4475
原创 浅谈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
3567
原创 使用wow.js给页面添加动画
data-wow-offset：触发动画时到元素的距离。data-wow-duration：过渡时间。data-wow-delay：延迟时间。设置wow可以如下html设置。设置wow可以如下js设置。
2023-02-25 14:55:39
307
原创 vue3使用pdfh5(安卓端)
总结:ios手机自带pdf预览功能，a标签打开即可预览，安卓手机需要本文使用pdfh5进行预览（打开了新页面）
2023-02-25 11:25:14
1040
转载 谷歌浏览器关于滚动事件警告去除
将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件。考虑将事件处理程序标记为“被动”以使页更具响应性。2、main.js中加入：import ‘default-passive-events’
2023-02-16 16:20:29
1813
原创 js中reduce的用法
reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行)，将其结果汇总为单个返回值。reduce方法可做的事情特别多，就是循环遍历能做的，reduce都可以做，比如数组求和、数组求积、数组中元素出现的次数、数组去重等等。这里以数组求和举例：没有设置函数的初始迭代值运行结果:设置函数的初始迭代值。
2023-02-15 13:57:52
186
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人