- 博客(307)
- 收藏
- 关注
RSS订阅
原创 编译器习惯 【idea新版本ui打开隐藏的按钮】
摘要：本文介绍如何解决工具栏折叠和Git操作按钮隐藏问题，通过STEP1、STEP2设置实现与示例完全一致的效果。支持自定义图标和拖拽调整顺序（TIP：长按行可拖拽）。同时提供3个实用设置：关闭"始终选择打开的文件"以显示文件定位按钮；配置新文件夹打开时默认定位到指定路径。这些设置能有效优化工作区显示效果和操作效率。
2025-04-15 20:06:37
777
原创 使用@vue-office/pdf时，pdf展示不全
摘要：PDF文档在Vue组件中只显示前几页的问题解决方案。通过给vue-office-pdf组件设置固定高度（calc(100vh-14.7rem)）并添加overflow-y:auto样式，确保所有PDF页面都能正确渲染显示。组件包含加载状态处理和错误回调功能，使用@vue-office/pdf库实现PDF预览功能。样式部分采用SCSS编写，包含系统说明标题和PDF容器的布局样式。
2026-01-21 10:08:22
59
原创 浙政钉小程序开发指南
摘要：本文详细介绍了使用uni-app开发浙政钉小程序的完整流程，分为专有钉钉开发上线和浙政钉正式上线两个阶段。主要内容包括开发环境配置、权限申请、免登实现、业务开发、上线部署等关键步骤，并针对常见问题提供了解决方案。特别强调了开发过程中需要注意的权限管理、白名单配置、真机调试等要点，为开发者提供了实用的技术参考。文章还补充了专有钉钉与浙政钉环境差异的处理方法，帮助开发者顺利完成从开发到上线全流程。
2025-12-18 13:21:58
1133
原创 Echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
摘要 本文描述了在Vue3中使用ECharts时遇到的两种常见报错： Uncaught TypeError: Cannot read properties of undefined (reading 'type') 鼠标交互时的报错问题 问题原因在于ECharts实例被Vue转换为响应式对象导致功能异常。解决方案是使用Vue3的markRawAPI标记ECharts实例为非响应式对象： import { markRaw } from "vue"; myChart.value = markRaw(echart
2025-11-10 15:43:29
400
原创 el-upload实现文件上传预览
本文介绍了基于Vue2+Element UI实现文件上传预览功能的解决方案。主要内容包括： 使用el-upload组件封装文件上传功能，支持分片上传和进度显示 通过vue-office系列插件实现Office文件预览(DOCX/EXCEL/PDF/PPTX) 构建独立预览页面filePreviewer，接收文件类型和地址参数 提供文件上传组件的完整示例代码和使用方式 注意事项：需要根据项目版本(Vue2/Vue3)调整插件导入方式 该方案实现了从文件上传到预览的完整流程，支持多种文件格式，可作为企业级文件管
2025-11-07 18:20:57
1154
原创 Cherry Studio配置华为ModelArts Studio
本文介绍了在华为云ModelArts平台上配置和使用模型的五大步骤：1）官网开通服务；2）获取API地址和model参数；3）在cherryStudio配置模型提供商（仅需填写/v1前的地址）；4）配置模型参数或一键添加所有模型；5）创建API并设置密钥，最后即可开始使用模型。整个过程清晰简洁，帮助用户快速完成模型配置。
2025-11-04 15:29:05
360
原创 宝塔安装wordPress
本文指出不应通过宝塔应用商店安装应用，建议使用docker应用商店。简要说明了安装步骤：1）安装应用；2）在服务器后台开放18040端口并添加数据库；3）完成配置。全文强调正确安装方式，并提供简明操作指南。
2025-10-29 14:20:01
252
原创 大屏适配方案
本文介绍了一种在Vite环境下实现SCSS与JavaScript变量同步的解决方案。通过定义changePx函数和screenSize配置文件，实现了CSS尺寸单位(vw/vh)的自动转换。核心是在Vite配置文件中注入SCSS变量，使JavaScript和SCSS共享同一套屏幕尺寸配置。该方案特别适合多屏适配场景，只需修改screenSize.js中的基础尺寸即可自动适配不同分辨率。文章详细展示了配置方法、工具函数实现以及在Vue组件中的使用示例，包括动态导入组件、响应式样式处理等技术细节。
2025-10-27 16:38:24
365
原创 构建时变量注入：Vite 环境下 SCSS 与 JavaScript 的变量同步机制
摘要：本文介绍了在Vite项目中配置全局屏幕尺寸变量并实现响应式单位转换的方法。通过screenSize.js定义基础尺寸(3840x2160)，在vite.config.js中将其注入SCSS变量$wide-width/$wide-height。在base.scss中定义changePx函数，可根据传入像素值自动转换为vw/vh单位，实现基于设计稿尺寸的响应式布局方案。该方案通过预处理配置与Sass函数结合，简化了响应式开发流程。
2025-10-27 16:31:56
333
原创 Flicking单图轮播无法拖动的问题
文章摘要：在使用Flicking组件实现滑动效果时，若中间图片占满div会导致鼠标无法滑动。这是由于默认情况下图片拖动会显示缩略图。解决方法是为img元素添加pointer-events: none样式禁用该效果。文中提供了完整Vue3示例代码，包含Flicking配置、自动播放插件以及图片缩放动画样式处理，通过getSlideOverStyleBox8方法计算图片位置和缩放比例，实现流畅的滑动效果。
2025-09-06 19:22:31
329
原创 ucharts[qiun-data-charts]实现双指缩放图表
本文介绍了uni-app中使用qiun-data-charts组件时的事件监听配置项。主要包括：ontap（点击事件）、ontouch（触摸事件）、onmouse（PC端鼠标事件）、onmovetip（跟手显示tooltip）和onzoom（双指缩放）等布尔参数。示例代码展示了如何配置线图，开启触摸、缩放功能，并设置图表样式选项如padding、坐标轴样式等。特别说明某些功能需要组合条件才能生效，如跟手显示tooltip需要同时开启触摸事件和禁用滚动条。
2025-09-04 15:58:55
569
原创 uniapp中使用echarts并且支持pc端的拖动、拖拽和其他交互事件
本文介绍了如何在Vue项目中集成ECharts图表库，并针对移动端进行优化。主要内容包括：1) 通过npm安装ECharts和zrender依赖；2) 配置ECharts环境参数，开启触摸事件、SVG/Canvas渲染支持；3) 实现一个包含2万数据点的面积图示例，支持数据缩放和触摸交互；4) 添加响应式处理，确保图表能适应窗口大小变化；5) 通过CSS禁用浏览器默认触摸行为，优化移动端体验。代码提供了完整的实现方案，包括图表初始化、数据处理、事件绑定和清理逻辑。
2025-09-04 11:44:54
531
1
原创 Uniapp非脚手架项目打包为5+ App后，在Android端按返回键会意外退出应用。
摘要：针对uniapp应用打包成5+App后，点击手机物理返回键直接退出应用的问题，解决方案是在main.js中添加监听事件。通过监听plusready和backbutton事件，使用window.history.go(-1)实现返回上一页功能而非直接退出应用。该代码需在应用初始化时执行，确保物理返回键行为符合预期，保持应用内导航逻辑一致性。（98字）
2025-08-21 13:25:55
381
原创 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
966
原创 @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
1629
5
原创 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
758
原创 Vue3的组件通信方式
Vue组件通信方式全面指南：从父子组件到跨线程通信 本文系统梳理了8种Vue组件通信方案，覆盖不同场景需求： 基础父子通信：Props/Emits（单向/双向）和v-model语法糖 跨层级方案：Provide/Inject自上而下数据流 全局状态管理：推荐Pinia替代Vuex，提供类型安全 特殊场景方案：事件总线（mitt）、模板引用、作用域插槽 性能优化：WebWorkers处理CPU密集型任务 每种方案均附代码示例，并对比了适用场景、优缺点和复杂度星级。建议根据具体场景组合使用，简单父子通信用pro
2025-07-11 16:22:37
585
原创 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
586
原创 利用云效实现自动化部署gitee仓库中的项目
本文介绍了使用云效平台实现Node项目(Vue/React等)自动化部署的完整流程。主要包括：1)在服务器创建项目目录；2)首次手动部署验证；3)在云效配置流水线，包括选择代码仓库、设置触发条件等；4)配置Gitee的Webhook实现代码提交自动触发部署；5)测试自动化流程。文章详细说明了从代码提交到自动打包、部署的全过程配置方法，通过该方案可实现开发人员提交代码后自动完成项目部署的完整CI/CD流程。
2025-06-26 18:00:23
610
原创 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
1213
原创 华硕电脑，全新的超频方式，无需进入BIOS
华硕推出全新超频软件TurboVCore，支持在Windows系统直接调节CPU频率并实时生效，无需进入BIOS或重启。该软件适用于Z890/B860等系列主板，提供一次性超频功能（重启后失效），更加安全便捷。用户需通过ASUS DriverHub下载安装，在"独立套件"中获取。使用时可调整倍频等参数，实现即时性能提升。该方案解决了传统超频需反复重启的痛点，为硬件爱好者提供了更灵活的操作体验。
2025-06-05 17:48:42
3263
原创 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
598
原创 快速定位到源码位置的插件 - vite/webpack
本文介绍了三种前端开发调试工具的配置方法。首先，vite-plugin-vue-devtools 用于 Vue 项目，通过 npm 安装并在 vite.config.js 中配置，支持组件检查和编辑器跳转。其次，react-dev-inspector 的配置较为复杂，需自行查阅资料。最后，推荐使用 code-inspector-plugin，支持多种打包工具和框架，安装后在配置文件中引入插件即可使用。该插件提供快捷键和页面按钮两种方式跳转代码，适用于微前端项目，并支持自定义编辑器路径。更多详情可参考官网
2025-05-14 11:57:40
722
原创 错误：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
438
原创 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
5634
原创 阿里、蚂蚁、腾讯纷纷推出 AI 组件库，React / Vue 全覆盖，AI 组件库超全汇总来啦！
随着 AI 技术的快速发展，阿里、蚂蚁、腾讯都相继发布了各自的 AI 组件库。这些组件库支持 React 和 Vue 技术栈，为开发者提供了高效的解决方案。本文就来盘点常见的 AI 组件库！
2025-04-25 10:26:30
1434
原创 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
1724
2
原创 vue+echarts实现饼图组件（实现左右联动并且数据量大时可滚动）
【代码】vue+echarts实现饼图组件（实现左右联动并且数据量大时可滚动）
2025-03-19 18:45:02
436
原创 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
695
在线视频观影平台包含后台管理系统
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关注的人