- 博客(86)
- 收藏
- 关注
原创 vue3 无缝列表循环
本文介绍了如何在Vue3中实现一个无缝列表循环播放的自动轮播功能,并支持鼠标悬停时停止滚动。通过reactive和ref管理数据与DOM元素,使用setInterval实现滚动效果。列表数据通过双倍数据集实现无缝滚动,当滚动到末尾时重置位置并重新放置第一个元素。鼠标悬停时清除定时器停止滚动,离开时重新启动。样式部分通过SCSS定义了标题、容器和滚动项的样式,确保界面美观且功能完整。
2025-05-10 15:14:52
266
原创 关于支付宝网页提示非官方网页
支付宝官方回复 商户白名单需要添加如下全部网段。关于支付宝网站提示 非官方网站 需要找官方添加白名单。下面可以直接用自己的邮箱去发送申请。
2025-04-19 17:35:07
850
原创 uniApp 设置动态tabs(不是自定义tab哈)
这里可以切换页面绝对路径 必须在 pages 中先定义。我写的不是自定义 tabs 是切换 tab 的图标等。
2025-04-09 09:40:23
455
原创 免费 2条 http 内网穿透
10.将natapp分配的网址(上图Forwarding ),鼠标选定然后复制下来(选定之后单击鼠标右键),在浏览器中访问,可以看到内网穿透成功了!该网址 http://ywy9n8.natappfree.cc 就是可以全球访问的网址,可以发给您的小伙伴试试 :)根据您的本机下载对应的客户端,比如我的本机是win10,64位,则下载Windows 64位的客户端。6.下载之后,解压至任意目录,得到natapp.exe (linux下无需解压,直接 wget)登录后,点击左边 购买隧道,免费/付费均可。
2025-03-29 11:29:37
853
原创 初识uniApp
uniApp 是一个基于 Vue.js 的跨平台开发框架,允许开发者使用同一套代码实现多端应用的开发。它支持 H5、微信小程序、支付宝小程序、App(iOS 和 Android)等多种平台,极大提升了开发效率。
2025-03-01 16:01:07
1030
原创 前端2025
Web Components的广泛应用Web Components正在成为前端开发的主流技术之一。基于自定义元素和影子DOM,开发者可以通过构建可重用的组件库,提高开发效率和代码复用性。常见问题:如何实现一个自定义组件?自定义组件与普通组件的区别是什么?建议:深入理解_shadow-DOM_和_custom-element_的工作原理,尝试使用Stencil.js或LitElement进行实践。SSG(静态生成)与SSR(服务端渲染)的结合。
2025-03-01 15:53:28
1346
原创 webWorker的概念 用法 场景
文档中提到,传递的是结构化克隆,而不是引用,因此不会共享内存,每个线程都有自己的数据副本,这样就避免了竞态条件和数据不一致的问题。通过这个学习过程,我对Web Workers有了更深入的理解,特别是它们和Vue组件之间的类比,帮助我更好地记忆和应用这些概念。首先,我知道Web Workers是一种在后台线程中运行JavaScript代码的方法,可以用来处理复杂的计算任务,从而不阻塞主线程,提升用户体验。这和Vue中的事件处理很像,父组件监听子组件的事件,当子组件触发事件时,父组件执行相应的处理函数。
2025-03-01 15:50:21
285
原创 分片加载网络图片
用户提到他们有一个很大的图片需要优化加载速度。用户尝试了把图片分成多份,每份高度100或者自定义,加载时有动画效果,但感觉还是有点慢。个人还是建议图片压缩或者使用CDN加速。首先,我需要理解用户的问题。他们可能是在一个网页或者应用中展示大图片,加载速度慢,影响用户体验。用户已经尝试了分块加载,可能使用了懒加载或者其他分块技术,但效果不明显。动画效果虽然看起来不错,但实际上可能因为分块过多或者处理方式不当,导致整体加载时间还是长。接下来,考虑可能的优化方法。
2025-03-01 15:49:36
652
原创 ucharts 使用
添加:canvas2d = true 发布到线上即可 开启后本地看到的话会混乱 但线上没问题。我看百度上搜的 说再加一个canvasId="myCanvasId" 要随便写一个 id。
2025-01-21 17:17:12
411
1
原创 Element-ui 输入框键盘回车后页面刷新
当你在网页中的输入框内按下回车键时,浏览器会触发一个默认行为,这是因为输入框通常位于一个表单中。当表单中的输入框接收到回车键时,浏览器会尝试提交该表单,从而导致页面刷新或导航到新的 URL。
2025-01-03 17:45:24
618
原创 vue制作代码比较工具
前两天朋友问我 有没有vue可以做一个json代码在线比较工具 我也是在网上搜了一下找到的。实在不知道怎么写的 来这里看。废话不说 直接上代码。
2024-11-22 16:57:25
394
原创 微信小程序上传启用组件按需注入
这是只要加一句代码"lazyCodeLoading": "requiredComponents" 就行了 ,添加的位置在app.json文件的里面, 手动去 app.json 文件添加。微信小程序在预览或上传的时候会进行。
2024-11-22 16:56:01
1659
原创 npm镜像源过期
一、问题描述在使用nvm install 时遇到以下错误:二、解决方案由于镜像地址更新,所以需要分别更新node和npm镜像,执行以下命令:nvm node_mirror nvm npm_mirror 再次执行nvm install命令:
2024-11-14 16:04:45
217
原创 Object.assign和array的concat
Object.assign() 和数组的 concat() 方法虽然都是用来合并对象或数组的。
2024-11-14 15:26:27
389
原创 uniApp分包
rootstaticuni-app微信小程序QQ小程序百度小程序支付宝小程序快手小程序vendor.jsHBuilderX--minimize。
2024-11-12 09:30:20
1575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人