<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[maohangfei.cn]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/m0_74149462</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_74149462]]></copyright><item><title><![CDATA[【毛靳卷】微信小程序足迹打卡功能实现思路分享]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/162376431</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/162376431</guid><author>m0_74149462</author><pubDate>Sun, 28 Jun 2026 01:19:14 +0800</pubDate><description><![CDATA[微信小程序足迹打卡功能实现摘要 本文分享了微信小程序中实现足迹打卡功能的关键技术方案，主要包含以下核心内容： 页面布局设计：采用全屏地图+悬浮组件的层级结构，通过z-index控制不同UI元素的显示层级 位置授权处理：完善的位置授权流程，处理已授权、未询问和已拒绝三种状态，提供引导设置功能 地图交互功能： 支持自动获取当前位置并标记 提供地图拖拽和搜索功能微调打卡位置 实现逆地理编码将坐标转为可读地址 数据可视化： 使用不同ID区间管理三类标记点（推荐公司/已打卡公司/附近公司） 基于markers数组实现]]></description><category></category></item><item><title><![CDATA[【毛靳卷】微信小程序实现微信免登进入小程序实战记录]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/162376362</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/162376362</guid><author>m0_74149462</author><pubDate>Sun, 28 Jun 2026 01:12:38 +0800</pubDate><description><![CDATA[微信小程序免登实现方案总结 本文介绍了两种微信小程序登录实现方案： 企业认证小程序：通过getPhoneNumber获取手机号直接登录 个人认证小程序：自动降级为uni.login获取openid静默登录 技术实现要点： 前端采用uni-app+Vue3+Pinia框架 后端使用Spring Boot+Spring Security+MyBatis Plus 两种登录路径最终都生成JWT Token返回 个人小程序无法获取手机号时自动切换为openid登录 效果展示： 提供小程序登录页截图 实现用户无需输入]]></description><category></category></item><item><title><![CDATA[iconfont在微信小程序中不展示]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/162299005</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/162299005</guid><author>m0_74149462</author><pubDate>Thu, 25 Jun 2026 11:31:50 +0800</pubDate><description><![CDATA[微信小程序不支持直接使用ttf字体文件，需将iconfont转换为base64格式才能显示。解决方法是：通过transfonter.org网站将iconfont.ttf文件转换为base64编码的stylesheet.css，替换原iconfont.css文件，并在全局样式中按平台条件引入。H5使用原版CSS，微信小程序使用base64版本，最后在App.vue中导入样式文件即可。]]></description><category></category></item><item><title><![CDATA[百度地图GL版本实现高亮某块区域]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/160889582</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/160889582</guid><author>m0_74149462</author><pubDate>Fri, 08 May 2026 13:36:51 +0800</pubDate><description><![CDATA[摘要：本文介绍了基于百度地图API实现的两个核心功能：1) 初始化地图并绘制行政区划（如余杭区）的多边形区域，设置区域边框样式和填充颜色；2) 提供drawPolygon方法用于自定义绘制多边形面，支持配置样式参数、点击事件回调以及右键删除功能。方法通过BMapGL.Polygon类创建多边形覆盖物，并实现了点击事件触发详情弹窗和右键菜单删除操作，为地图交互提供了灵活的实现方案。]]></description><category></category></item><item><title><![CDATA[使用@vue-office/pdf时，pdf展示不全]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/157206458</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/157206458</guid><author>m0_74149462</author><pubDate>Wed, 21 Jan 2026 10:08:22 +0800</pubDate><description><![CDATA[摘要：PDF文档在Vue组件中只显示前几页的问题解决方案。通过给vue-office-pdf组件设置固定高度（calc(100vh-14.7rem)）并添加overflow-y:auto样式，确保所有PDF页面都能正确渲染显示。组件包含加载状态处理和错误回调功能，使用@vue-office/pdf库实现PDF预览功能。样式部分采用SCSS编写，包含系统说明标题和PDF容器的布局样式。]]></description><category></category></item><item><title><![CDATA[浙政钉小程序开发指南 ]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/156053025</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/156053025</guid><author>m0_74149462</author><pubDate>Thu, 18 Dec 2025 13:21:58 +0800</pubDate><description><![CDATA[摘要：本文详细介绍了使用uni-app开发浙政钉小程序的完整流程，分为专有钉钉开发上线和浙政钉正式上线两个阶段。主要内容包括开发环境配置、权限申请、免登实现、业务开发、上线部署等关键步骤，并针对常见问题提供了解决方案。特别强调了开发过程中需要注意的权限管理、白名单配置、真机调试等要点，为开发者提供了实用的技术参考。文章还补充了专有钉钉与浙政钉环境差异的处理方法，帮助开发者顺利完成从开发到上线全流程。]]></description><category></category></item><item><title><![CDATA[Echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/154651723</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/154651723</guid><author>m0_74149462</author><pubDate>Mon, 10 Nov 2025 15:43:29 +0800</pubDate><description><![CDATA[摘要 本文描述了在Vue3中使用ECharts时遇到的两种常见报错： Uncaught TypeError: Cannot read properties of undefined (reading 'type') 鼠标交互时的报错问题 问题原因在于ECharts实例被Vue转换为响应式对象导致功能异常。解决方案是使用Vue3的markRawAPI标记ECharts实例为非响应式对象： import { markRaw } from "vue"; myChart.value = markRaw(echart]]></description><category></category></item><item><title><![CDATA[el-upload实现文件上传预览]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/154538263</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/154538263</guid><author>m0_74149462</author><pubDate>Fri, 07 Nov 2025 18:20:57 +0800</pubDate><description><![CDATA[本文介绍了基于Vue2+Element UI实现文件上传预览功能的解决方案。主要内容包括： 使用el-upload组件封装文件上传功能，支持分片上传和进度显示 通过vue-office系列插件实现Office文件预览(DOCX/EXCEL/PDF/PPTX) 构建独立预览页面filePreviewer，接收文件类型和地址参数 提供文件上传组件的完整示例代码和使用方式 注意事项：需要根据项目版本(Vue2/Vue3)调整插件导入方式 该方案实现了从文件上传到预览的完整流程，支持多种文件格式，可作为企业级文件管]]></description><category></category></item><item><title><![CDATA[Cherry Studio配置华为ModelArts Studio]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/154396551</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/154396551</guid><author>m0_74149462</author><pubDate>Tue, 04 Nov 2025 15:29:05 +0800</pubDate><description><![CDATA[本文介绍了在华为云ModelArts平台上配置和使用模型的五大步骤：1）官网开通服务；2）获取API地址和model参数；3）在cherryStudio配置模型提供商（仅需填写/v1前的地址）；4）配置模型参数或一键添加所有模型；5）创建API并设置密钥，最后即可开始使用模型。整个过程清晰简洁，帮助用户快速完成模型配置。]]></description><category></category></item><item><title><![CDATA[宝塔安装wordPress]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/154070485</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/154070485</guid><author>m0_74149462</author><pubDate>Wed, 29 Oct 2025 14:20:01 +0800</pubDate><description><![CDATA[本文指出不应通过宝塔应用商店安装应用，建议使用docker应用商店。简要说明了安装步骤：1）安装应用；2）在服务器后台开放18040端口并添加数据库；3）完成配置。全文强调正确安装方式，并提供简明操作指南。]]></description><category></category></item><item><title><![CDATA[大屏适配方案]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/153974104</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/153974104</guid><author>m0_74149462</author><pubDate>Mon, 27 Oct 2025 16:38:24 +0800</pubDate><description><![CDATA[本文介绍了一种在Vite环境下实现SCSS与JavaScript变量同步的解决方案。通过定义changePx函数和screenSize配置文件，实现了CSS尺寸单位(vw/vh)的自动转换。核心是在Vite配置文件中注入SCSS变量，使JavaScript和SCSS共享同一套屏幕尺寸配置。该方案特别适合多屏适配场景，只需修改screenSize.js中的基础尺寸即可自动适配不同分辨率。文章详细展示了配置方法、工具函数实现以及在Vue组件中的使用示例，包括动态导入组件、响应式样式处理等技术细节。]]></description><category></category></item><item><title><![CDATA[构建时变量注入：Vite 环境下 SCSS 与 JavaScript 的变量同步机制]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/153973931</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/153973931</guid><author>m0_74149462</author><pubDate>Mon, 27 Oct 2025 16:31:56 +0800</pubDate><description><![CDATA[摘要：本文介绍了在Vite项目中配置全局屏幕尺寸变量并实现响应式单位转换的方法。通过screenSize.js定义基础尺寸(3840x2160)，在vite.config.js中将其注入SCSS变量$wide-width/$wide-height。在base.scss中定义changePx函数，可根据传入像素值自动转换为vw/vh单位，实现基于设计稿尺寸的响应式布局方案。该方案通过预处理配置与Sass函数结合，简化了响应式开发流程。]]></description><category></category></item><item><title><![CDATA[基于el-check-group再次封装的组件]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/152209757</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/152209757</guid><author>m0_74149462</author><pubDate>Sun, 28 Sep 2025 10:45:46 +0800</pubDate><description><![CDATA[基于el-check-group再次封装的组件，可获取更详细的组件状态变化]]></description><category></category></item><item><title><![CDATA[Flicking单图轮播无法拖动的问题]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/151261153</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/151261153</guid><author>m0_74149462</author><pubDate>Sat, 06 Sep 2025 19:22:31 +0800</pubDate><description><![CDATA[文章摘要：在使用Flicking组件实现滑动效果时，若中间图片占满div会导致鼠标无法滑动。这是由于默认情况下图片拖动会显示缩略图。解决方法是为img元素添加pointer-events: none样式禁用该效果。文中提供了完整Vue3示例代码，包含Flicking配置、自动播放插件以及图片缩放动画样式处理，通过getSlideOverStyleBox8方法计算图片位置和缩放比例，实现流畅的滑动效果。]]></description><category></category></item><item><title><![CDATA[ucharts[qiun-data-charts]实现双指缩放图表]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/151187961</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/151187961</guid><author>m0_74149462</author><pubDate>Thu, 04 Sep 2025 15:58:55 +0800</pubDate><description><![CDATA[本文介绍了uni-app中使用qiun-data-charts组件时的事件监听配置项。主要包括：ontap（点击事件）、ontouch（触摸事件）、onmouse（PC端鼠标事件）、onmovetip（跟手显示tooltip）和onzoom（双指缩放）等布尔参数。示例代码展示了如何配置线图，开启触摸、缩放功能，并设置图表样式选项如padding、坐标轴样式等。特别说明某些功能需要组合条件才能生效，如跟手显示tooltip需要同时开启触摸事件和禁用滚动条。]]></description><category></category></item><item><title><![CDATA[uniapp中使用echarts并且支持pc端的拖动、拖拽和其他交互事件]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/151180519</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/151180519</guid><author>m0_74149462</author><pubDate>Thu, 04 Sep 2025 11:44:54 +0800</pubDate><description><![CDATA[本文介绍了如何在Vue项目中集成ECharts图表库，并针对移动端进行优化。主要内容包括：1) 通过npm安装ECharts和zrender依赖；2) 配置ECharts环境参数，开启触摸事件、SVG/Canvas渲染支持；3) 实现一个包含2万数据点的面积图示例，支持数据缩放和触摸交互；4) 添加响应式处理，确保图表能适应窗口大小变化；5) 通过CSS禁用浏览器默认触摸行为，优化移动端体验。代码提供了完整的实现方案，包括图表初始化、数据处理、事件绑定和清理逻辑。]]></description><category></category></item><item><title><![CDATA[Uniapp非脚手架项目打包为5+ App后，在Android端按返回键会意外退出应用。]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/150580907</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/150580907</guid><author>m0_74149462</author><pubDate>Thu, 21 Aug 2025 13:25:55 +0800</pubDate><description><![CDATA[摘要：针对uniapp应用打包成5+App后，点击手机物理返回键直接退出应用的问题，解决方案是在main.js中添加监听事件。通过监听plusready和backbutton事件，使用window.history.go(-1)实现返回上一页功能而非直接退出应用。该代码需在应用初始化时执行，确保物理返回键行为符合预期，保持应用内导航逻辑一致性。（98字）]]></description><category></category></item><item><title><![CDATA[Document Picture-in-Picture API拥抱全新浮窗体验[参考：window.open]]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/150071980</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/150071980</guid><author>m0_74149462</author><pubDate>Fri, 08 Aug 2025 17:55:14 +0800</pubDate><description><![CDATA[摘要：前端开发中，Document Picture-in-Picture API 提供了比传统 window.open() 和 Modal 更优的浮窗解决方案。它支持创建独立置顶窗口，可加载任意HTML内容，适合实时数据展示、悬浮工具栏等场景。相比Modal，它能在切换标签页时保持显示，但需通过字符串注入内容。建议根据需求选择：表单交互用Modal，常驻工具用DocumentPiP。该API兼容性有限，需先检测浏览器支持情况。]]></description><category></category></item><item><title><![CDATA[@vue-office的坑 Failed to resolve entry for package “@vue-office/docx“. The package may have]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/149604643</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/149604643</guid><author>m0_74149462</author><pubDate>Thu, 24 Jul 2025 14:51:01 +0800</pubDate><description><![CDATA[本文介绍了在使用@vue-office插件(v1.6.3-1.7.14版本)时，因更新其他插件导致路径引用问题的解决方案。通过将默认导入路径修改为v3版本的模块路径，如&quot;@vue-office/docx/lib/v3/vue-office-docx.mjs&quot;和对应的CSS路径，解决了组件渲染问题。文章提供了完整的Vue组件代码，支持预览docx、excel、pdf和pptx四种文件类型，包含文件加载状态控制、渲染事件处理和Excel配置选项等功能。组件通过响应式设计实现自适应布局，并提供]]></description><category></category></item><item><title><![CDATA[vue3组合式函数(Composables) 使用示例【useValid】]]></title><link>https://blog.youkuaiyun.com/m0_74149462/article/details/149423299</link><guid>https://blog.youkuaiyun.com/m0_74149462/article/details/149423299</guid><author>m0_74149462</author><pubDate>Thu, 17 Jul 2025 16:33:18 +0800</pubDate><description><![CDATA[Vue3组合式API实现数据有效性验证摘要：本文介绍了如何使用Vue3的组合式函数(Composables)实现数据有效性验证。通过创建useValid.js组合式函数，封装了isValidValue、returnValue等方法，用于验证常见无效值如&quot;undefined&quot;、null等。相比Vue2的mixins，组合式函数具有数据来源清晰、避免命名冲突等优势。文章演示了两种使用方式：局部导入和全局注册（通过provide/inject或app.config.globalProperti]]></description><category></category></item></channel></rss>