- 博客(297)
- 收藏
- 关注
原创 ucharts[qiun-data-charts]实现双指缩放图表
本文介绍了uni-app中使用qiun-data-charts组件时的事件监听配置项。主要包括:ontap(点击事件)、ontouch(触摸事件)、onmouse(PC端鼠标事件)、onmovetip(跟手显示tooltip)和onzoom(双指缩放)等布尔参数。示例代码展示了如何配置线图,开启触摸、缩放功能,并设置图表样式选项如padding、坐标轴样式等。特别说明某些功能需要组合条件才能生效,如跟手显示tooltip需要同时开启触摸事件和禁用滚动条。
2025-09-04 15:58:55
68
原创 uniapp中使用echarts并且支持pc端的拖动、拖拽和其他交互事件
本文介绍了如何在Vue项目中集成ECharts图表库,并针对移动端进行优化。主要内容包括:1) 通过npm安装ECharts和zrender依赖;2) 配置ECharts环境参数,开启触摸事件、SVG/Canvas渲染支持;3) 实现一个包含2万数据点的面积图示例,支持数据缩放和触摸交互;4) 添加响应式处理,确保图表能适应窗口大小变化;5) 通过CSS禁用浏览器默认触摸行为,优化移动端体验。代码提供了完整的实现方案,包括图表初始化、数据处理、事件绑定和清理逻辑。
2025-09-04 11:44:54
60
原创 Uniapp非脚手架项目打包为5+ App后,在Android端按返回键会意外退出应用。
摘要:针对uniapp应用打包成5+App后,点击手机物理返回键直接退出应用的问题,解决方案是在main.js中添加监听事件。通过监听plusready和backbutton事件,使用window.history.go(-1)实现返回上一页功能而非直接退出应用。该代码需在应用初始化时执行,确保物理返回键行为符合预期,保持应用内导航逻辑一致性。(98字)
2025-08-21 13:25:55
299
原创 Document Picture-in-Picture API拥抱全新浮窗体验[参考:window.open]
摘要:前端开发中,Document Picture-in-Picture API 提供了比传统 window.open() 和 Modal 更优的浮窗解决方案。它支持创建独立置顶窗口,可加载任意HTML内容,适合实时数据展示、悬浮工具栏等场景。相比Modal,它能在切换标签页时保持显示,但需通过字符串注入内容。建议根据需求选择:表单交互用Modal,常驻工具用DocumentPiP。该API兼容性有限,需先检测浏览器支持情况。
2025-08-08 17:55:14
914
原创 @vue-office的坑 Failed to resolve entry for package “@vue-office/docx“. The package may have
本文介绍了在使用@vue-office插件(v1.6.3-1.7.14版本)时,因更新其他插件导致路径引用问题的解决方案。通过将默认导入路径修改为v3版本的模块路径,如"@vue-office/docx/lib/v3/vue-office-docx.mjs"和对应的CSS路径,解决了组件渲染问题。文章提供了完整的Vue组件代码,支持预览docx、excel、pdf和pptx四种文件类型,包含文件加载状态控制、渲染事件处理和Excel配置选项等功能。组件通过响应式设计实现自适应布局,并提供
2025-07-24 14:51:01
481
原创 vue3组合式函数(Composables) 使用示例【useValid】
Vue3组合式API实现数据有效性验证摘要:本文介绍了如何使用Vue3的组合式函数(Composables)实现数据有效性验证。通过创建useValid.js组合式函数,封装了isValidValue、returnValue等方法,用于验证常见无效值如"undefined"、null等。相比Vue2的mixins,组合式函数具有数据来源清晰、避免命名冲突等优势。文章演示了两种使用方式:局部导入和全局注册(通过provide/inject或app.config.globalProperti
2025-07-17 16:33:18
656
原创 Vue3的组件通信方式
Vue组件通信方式全面指南:从父子组件到跨线程通信 本文系统梳理了8种Vue组件通信方案,覆盖不同场景需求: 基础父子通信:Props/Emits(单向/双向)和v-model语法糖 跨层级方案:Provide/Inject自上而下数据流 全局状态管理:推荐Pinia替代Vuex,提供类型安全 特殊场景方案:事件总线(mitt)、模板引用、作用域插槽 性能优化:WebWorkers处理CPU密集型任务 每种方案均附代码示例,并对比了适用场景、优缺点和复杂度星级。建议根据具体场景组合使用,简单父子通信用pro
2025-07-11 16:22:37
427
原创 remote: [session-9e4094b1] reject by mode [i]fatal: unable to access ‘https://gitee.com/xxx 400
解决git clone报错400的方法:先删除凭据并重启电脑后重新输入账号密码,若仍失败,可尝试更换WiFi网络或使用手机热点连接。这种报错通常与网络环境或认证问题有关,简单的网络切换往往能解决此类连接问题。
2025-07-04 15:03:40
243
原创 利用云效实现自动化部署gitee仓库中的项目
本文介绍了使用云效平台实现Node项目(Vue/React等)自动化部署的完整流程。主要包括:1)在服务器创建项目目录;2)首次手动部署验证;3)在云效配置流水线,包括选择代码仓库、设置触发条件等;4)配置Gitee的Webhook实现代码提交自动触发部署;5)测试自动化流程。文章详细说明了从代码提交到自动打包、部署的全过程配置方法,通过该方案可实现开发人员提交代码后自动完成项目部署的完整CI/CD流程。
2025-06-26 18:00:23
484
原创 Vue性能优化“天花板”级教程:Lighthouse诊断+代码分割+CDN+骨架屏+SSR,一篇搞定首屏秒开!
Vue应用首屏性能优化指南:针对SPA白屏问题,提供系统优化方案。首先通过Lighthouse和Bundle分析工具精准定位性能瓶颈,重点关注FCP和LCP指标。核心优化包括:1)代码分割(路由懒加载+组件动态导入);2)资源优化(CDN部署+Gzip压缩+WebP图片);3)骨架屏提升用户体验。进阶可选SSR/SSG渲染方案和TreeShaking瘦身技术。强调优化后需持续监控性能指标,确保FCP<1.5秒、LCP<2秒的目标。通过诊断-优化-监控的闭环流程,可实现Vue应用的秒开体验。
2025-06-24 18:17:03
1086
原创 华硕电脑,全新的超频方式,无需进入BIOS
华硕推出全新超频软件TurboVCore,支持在Windows系统直接调节CPU频率并实时生效,无需进入BIOS或重启。该软件适用于Z890/B860等系列主板,提供一次性超频功能(重启后失效),更加安全便捷。用户需通过ASUS DriverHub下载安装,在"独立套件"中获取。使用时可调整倍频等参数,实现即时性能提升。该方案解决了传统超频需反复重启的痛点,为硬件爱好者提供了更灵活的操作体验。
2025-06-05 17:48:42
1602
原创 vite 插件推荐
推荐几款实用的Vite插件:vite-tsconfig-paths - 支持TS路径映射,简化模块导入vite-aliases - 自动生成模块别名,减少手动配置vite-plugin-vconsole - 移动端调试工具vite-plugin-mock-server - 提供Mock API服务vitawind - 自动配置Tailwind CSSvite-plugin-restart - 文件变更时自动重启服务vite-plugin-tips - 增强开发提示信息
2025-05-29 10:44:47
460
原创 快速定位到源码位置的插件 - vite/webpack
本文介绍了三种前端开发调试工具的配置方法。首先,vite-plugin-vue-devtools 用于 Vue 项目,通过 npm 安装并在 vite.config.js 中配置,支持组件检查和编辑器跳转。其次,react-dev-inspector 的配置较为复杂,需自行查阅资料。最后,推荐使用 code-inspector-plugin,支持多种打包工具和框架,安装后在配置文件中引入插件即可使用。该插件提供快捷键和页面按钮两种方式跳转代码,适用于微前端项目,并支持自定义编辑器路径。更多详情可参考官网
2025-05-14 11:57:40
551
原创 错误:ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server;
错误:ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server;
2025-05-09 17:14:00
369
原创 25个在线地图瓦片URL分享
(1)高德卫星影像URL高德卫星影像(2)高德大字体电子地图URL高德电子大字体(3)高德卫星影像URL与路网URL高德卫星影像+路网(4)高德卫星影像URL与地名路网URL高德卫星+标签(5)腾讯电子地图腾讯电子地图(6)冷色地图URL冷色地图(7)暗黑地图URL暗黑地图(8)地形渲染图1URL地形渲染图1(9)海洋渲染图URL海洋渲染图(10)地形渲染图2URL地形渲染图2(11)地形渲染图3URL地形渲染图3。
2025-04-25 11:29:02
2096
原创 阿里、蚂蚁、腾讯纷纷推出 AI 组件库,React / Vue 全覆盖,AI 组件库超全汇总来啦!
随着 AI 技术的快速发展,阿里、蚂蚁、腾讯都相继发布了各自的 AI 组件库。这些组件库支持 React 和 Vue 技术栈,为开发者提供了高效的解决方案。本文就来盘点常见的 AI 组件库!
2025-04-25 10:26:30
1040
原创 vue项目启动App running at: - Local: http://localhost:8080/ - Network: unavailable 没有ip:port解决
vue项目启动App running at: - Local: http://localhost:8080/ - Network: unavailable 没有ip:port解决
2025-03-24 17:52:03
1179
1
原创 vue+echarts实现饼图组件(实现左右联动并且数据量大时可滚动)
【代码】vue+echarts实现饼图组件(实现左右联动并且数据量大时可滚动)
2025-03-19 18:45:02
380
原创 git pull报错:Unable to negotiate with port: no matching host key type found. Their offer: ssh-rsa
Unable to negotiate with xx.xx.xx.xxx port 29418: no matching key exchange method found. Their offer: diffie-hellman-group14-sha1,diffie-hellman-group1-sha1fatal: 无法读取远程仓库。
2025-03-13 10:52:52
522
原创 809政府平台H5无插件播放1078URL
809政府平台视频播放器接入指南背景政府平台播放JT/T 1078-2016 6.2音视频流URL大都是通过Flex开发一个播放器完成,但Flash支持已经被大多数浏览器移除或阻止,需要一个新的方案来解决播放问题。我们开发了一个播放器,引用一个js即可简单实现H5无插件播放此URL,最少仅需3行代码。控件地址可通过如下方式引用控件。
2025-03-05 16:27:44
759
原创 国内常用镜像站地址,请收藏
以下列出常用的镜像站地址,排名不分先后,可根据个人的偏好选取使用:阿里云官方镜像站:华为开源镜像站:网易开源镜像站:腾讯软件源:清华大学开源软件镜像站:北京大学开源软件镜像站:华中科技大学开源镜像站:中国科学技术大学Mirror:加速软件下载 通过国内服务器缓存开源软件(如 Python、Node.js 等)和操作系统镜像(如 CentOS、openEuler),规避国际带宽限制,提升下载速度 10 倍以上。保障稳定性与可靠性 提供官方镜像的完整备份,避免因原站宕机或内容删除导致的下载失败。支持多版
2025-02-28 15:10:04
19976
原创 毕设 - 眼镜店供销系统(vue+springboot)项目分享
Link to 项目介绍这是专为眼镜店设计的供销管理解决方案,集成供应商、客户、商品、采购、销售、库存等核心功能,实现全流程数字化管理。
2025-02-21 16:31:16
217
原创 毕设 - 宠物领养系统(vue+springboot)项目分享
Link to 项目介绍宠物领养与信息管理平台是一个专为宠物爱好者设计的综合性系统, 旨在帮助用户轻松维护宠物信息、申请领养,并提供丰富的宠物相关知识。平台集成了宠物管理、用户管理、领养管理、知识管理和聊天室等核心功能, 为用户和宠物搭建起一座温暖的桥梁。
2025-02-21 16:28:51
207
原创 毕设 - 智慧宿舍管理系统(vue+node)项目分享
毕设 - 智慧宿舍管理系统(vue+node)项目分享感兴趣的同学可以私信我或者在下方添加我的qq。
2025-02-18 17:16:53
239
在线视频观影平台包含后台管理系统
2023-03-09
超级无敌巨详细的前端面试题,共七章
2023-03-08
一个简单的商城网站 html非vue脚手架 https://programmermao-001.github.io/xhsTwo
2023-02-24
一个简单的静态页面,有动效,简单的 html+ css
2023-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人