- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue3项目如何使用keepAlive？如何实现回退到这个页面时不刷新，跳转至这个页面时会刷新？
只有第一次进入项目时，页面B加载一次，之后无论跳转还是切换都不刷新页面B了！页面A为首页面、页面B为设置了keepAlive的页面、页面C为新页面。页面B设置keepAlive，保证这个页面不刷新。实现回退B不刷新B,跳转至B页面会刷新B
2025-03-17 12:11:39
235
原创 vue3+vant4+js的移动端项目，每次部署完项目后，部分点击跳转至新页面的事件就失效了，不跳转，也不报错，如何解决？
Vue Router 使用的问题，在 Vue 3 中，router.push 是异步操作，通常它没有问题，但某些情况下，可能需要确保路由状态已经准备好。而我直接使用router.push，如果它被触发的方式有问题，比如触发的时机不对，可能会导致路由跳转失败
2025-02-28 15:31:12
173
原创 vue3+js+vant4使用van-popup在ios端打开弹窗，软键盘会挡住弹窗，或者将header部分顶出屏幕，如何解决
安卓会自动实现下图的效果，而ios不会，ios软键盘会覆盖弹窗；问题一： 软键盘弹起时 header 部分被顶出屏幕；软键盘会挡住弹窗
2025-02-26 16:05:59
615
原创 vue3+vant4如何判断手机机型是否为ios
区分设备是 iOS 系统还是Android 或其他平台、isIOS() 、navigator.userAgent
2025-02-26 15:21:34
175
原创 前端实现点击按钮复制内容到剪切板（兼容安卓、ios、web、H5）
1、我在使用这个原生clipboard的时候，部分安卓端、web端不支持这个api，复制不生效。2、使用老旧的浏览器支持方法，可以在一些不支持 Clipboard API 的浏览器或设备上工作，安卓端、和web端都支持3、使用clipboard.js第三方库，兼容性更好，能够处理剪贴板操作的各类问题4、使用 Input 元素结合用户操作，使用document.execCommand：对于一些旧设备或安卓手机浏览器可行
2025-02-11 16:40:35
280
原创 CSS 常用属性以及对应值的详细说明（总结）
设置元素的层叠顺序，控制元素在堆叠上下文中的位置。：设置动画效果，允许元素在多个关键帧之间切换状态。：设置元素的宽度和高度，单位可以是。：分别设置四个边的宽度、样式和颜色。：设置过渡效果，控制元素的过渡行为。：设置元素的浮动方式。：设置元素的位置偏移，通常与。：设置行高，影响文本的行间距。：设置弹性项目的伸缩能力。：设置文本的水平对齐方式。：设置背景图片的重复方式。：设置背景图片的滚动行为。：设置元素的透明度，值在。：定义元素的显示类型。：定义元素的定位类型。：设置文本大小写转换。：设置元素的背景颜色。
2024-12-17 16:13:32
927
1
原创 安装sass和其他依赖报错npm ERR! network In most cases you are behind a proxy or have bad network settings.如何解决
表示在尝试连接到 npm 仓库时请求超时了。这通常是由于网络问题或配置错误导致的。重新安装install即可（会非常快）~~~~其他npm install ***等依赖。
2024-11-13 10:38:32
1124
3
原创 Vue3前端如何获取用户行为信息，本文以获取用户点击行为做示例（手动埋点）
注：一般获取用户行为不会只获取点击事件，获取多种行为时，可以将以上App.vue文件的内容封装在一个js里，只在app页面引用即可。在App.vue页面获取用户行为，将获取到的数据以json字符串的格式传给后端即可。1.封装一个js文件，用来动态接收所有页面中，用户点击行为获取到的数据。2.在App.vue文件中添加点击行为。
2024-11-08 18:49:57
641
原创 vue3项目，前端如何使用reCAPTCHA v3实现人机验证
Vue3项目，使用reCAPTCHA v3实现人机验证。获取到siteKey，将生成的 reCAPTCHA token发送到后台
2024-11-05 14:23:40
1060
原创 git推送到远程分支报错RPC failed； HTTP 500 curl 22 The requested URL returned如何解决
意思是设置缓存数据量的大小为500MB。
2024-10-14 17:21:37
550
原创 vue框架，使用video标签如何获取视频播放结束、开始播放、暂停播放、视频长度、视频播放进度的事件监听
一、视频播放结束的事件二、视频开始播放的事件三、视频暂停播放的事件四、获取视频长度的事件
2024-10-14 14:56:50
2477
原创 video标签的属性、播放按钮+右侧三个点儿等播放控件样式的隐藏、禁止点击右键行为
src ：视频路径autoplay：自动播放muted：视频静音播放.......
2024-10-14 14:05:20
2128
原创 css如何引入Digitalt字体
下载我发布的资源包Digitalt.ttf文件，我放置的路径是src/assets/font/Digitalt.ttf。（貌似支持英文和数字，汉字不生效，我也没来得及研究，有时间再研究会更新）说明：如果以上方式不生效，可以在App.vue文件里全局引入下。这样能确保这个定义在SVG元素被渲染之前就被加载。1.下载Digitalt.ttf文件。这样svg里的字体样式就生效啦～2.局部引用（示例）
2024-09-24 11:29:06
302
1
原创 vue3+js如何将图片的url链接转换成file对象
说明：imgUrlPath为存储图片url的变量。如果大佬有话要说，欢迎评论区留言哦～话不多说，几行代码就可以搞定～
2024-09-23 16:07:08
639
原创 telegram mini app把自己的小程序转发分享给别人时，怎么添加描述和小程序封面图
其实很简单，只是tg的官方文档和api 没有特意说明，只能靠自己N次的尝试，所以在此做了些总结～4.发送自己要展示的封面（注意需要640*360像素的图片）1.进入BotFather，输入：/myapps。1.进入BotFather，输入：/myapps。效果如下：（转发时，默认只展示小程序链接）3.点击Edit Description。3.点击Edit Photo。4.发送自己要展示的描述内容。2.选择自己要设置的机器人。2.选择自己要设置的机器人。
2024-09-23 15:48:53
611
2
原创 telegram mini app如何在自己的机器人里创建小程序，并设置左下角按钮名称，点击即可进入小程序
（如果你重新进入BotFather想修改或者新增URL链接：重复1到4的步骤，然后点击Edit menu button URL，发送小程序链接即可设置成功）3.发送你要设置的小程序链接，比如 https://www.********,(注意：必须是https开头，http开头不行)这样，你进入机器人，就可以看见我以上图片的start按钮了（想更改名字也是以上的操作步骤）6.发送要起的名字（我这里起名字叫start，你可以起任何名字，比如one two～）（如果你操作完以上步骤，继续操作的话）
2024-09-23 15:25:13
631
原创 telegram mini app里如何创建机器人并获取机器人token
这时你就创建好属于你自己的机器人啦～，可以试着像步骤2搜索BotFather一样搜索机器人名字就能看见自己创建的机器人，并且可以点击进入啦～5.比如TetrisBot或者tetris_bot，发送即可（如果这个名字已经被用过了，他会提醒你的，你重新输入新名字就行了）此时机器人又会回复你，让你起个username（这个是你机器人的唯一标识，不能重名，必须以Bot或者_bot结尾）此时机器人会回复你：让你为机器人起个名字（这个机器人名字就是别人搜索你机器人时的名字）4.你输入起好的名字发送给他就行了。
2024-09-23 14:30:17
605
2
原创 vue3+cli+js上传图片实现自动裁剪+压缩，封装js，vant或者element-ui的上传图片组件可以直接使用
vue3+cli+js上传图片实现自动裁剪+压缩，封装的js，直接使用即可，无需修改
2024-09-20 18:04:25
432
原创 vue3+vite+js后台管理项目，配置开发和生产环境
（想要打包生产环境，输入npm run build:pro,即可完成生产环境打包；4.axios.js文件中配置baseURL为动态的即可，会自动根据你输入的npm run dev或者build:pro命令来显示生产环境还是开发环境的url。3.vite.config.js文件中设置公共路径base，我的项目本地是“./”，线上是“/admin/”,所以加了判断。（server是本地解决跨域问题时使用的，当是线上生产环境时，不走server里的内容，所以没有做修改）这样就完成动态配置了～
2024-09-20 17:18:22
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人