qq_71214810的博客

摘要：APP打包后出现"账号密码解析错误"的主要原因是请求参数格式或字段名变化导致后端无法识别。常见问题包括：1) Content-Type配置错误，需强制指定为application/json；2) 字段名被混淆压缩，需关闭相关打包配置；3) 特殊字符未处理，需进行URL编码；4) 环境配置错误，需检查接口地址和请求头；5) 本地存储读取异常或输入框空格问题。建议通过抓包对比请求差异、打印日志检查参数值、关闭混淆测试等方式快速定位问题。

谷歌浏览器控制台报错源于其节能策略：当无音频的视频处于后台状态时，浏览器会自动暂停播放，调用play()会触发AbortError。解决方案包括：1）为视频添加静音音频轨道；2）通过Visibility API避免后台播放；3）启用有声播放（需符合自动播放策略）；4）移动端添加playsinline属性。需注意静音≠无音频轨道，且不同浏览器策略存在差异。若必须保持无音频后台播放，建议调整产品逻辑，在前台恢复播放。

解决网站favicon缓存问题的6种方法：1.强制刷新缓存（Ctrl+F5/Cmd+Shift+R或清除浏览器缓存）；2.修改favicon引用方式（推荐），通过添加版本号或动态时间戳（如/favicon.ico?t=<%=new Date().getTime()%>）；3.检查vue.config.js配置；4.重新构建部署或配置服务器禁止缓存favicon；5.确认favicon.ico文件路径、名称和格式正确；6.多标签页需关闭重开或使用"清空缓存并硬性重新加载"功能。

摘要：本文探讨了Vue路由组件渲染问题和前端缓存管理方案。针对路由视图空白问题，提出两种解决方案：1)在嵌套路由出口(AppMain.vue)添加$route.fullPath作为key强制重新渲染，而非在根组件添加以避免全局重渲染；2)移除transition的out-in模式以避免组件切换时的白屏现象。对于前端更新后的缓存问题，建议采用文件名哈希、合理配置服务器缓存策略、ServiceWorker更新控制和版本号检查机制，并提供了一套完整的版本检测和强制刷新方案代码实现。这些方法有效解决了路由组件复用导

本文介绍了Element UI中环形进度条(el-Progress)的使用方法。通过type="circle"可创建环形进度条，width属性控制其大小。重点讲解了如何自定义样式：1. 使用stroke-linecap属性调整进度条端点形状(round/butt/square)2. 通过CSS深度选择器::v-deep修改背景色和文字颜色3. 结合transform实现进度条旋转效果4. 利用插槽自定义进度条显示内容。文中还展示了完整的组件代码示例，包括设置进度条宽度、颜色、旋转角度等属

本文介绍了如何修改Pinia状态存储中的侧边栏默认展开状态。通过分析若依框架中useAppStore的代码实现，发现侧边栏状态(opened)默认从Cookies读取，若不存在则默认收起。要实现默认展开且不受其他影响，只需将opened属性改为固定值true即可，无需依赖Cookies或其他逻辑。修改后侧边栏会始终处于展开状态，且不影响其他功能如动画效果、设备适配等。这种修改方式简单直接，适用于需要强制展开侧边栏的场景。

本文介绍了10种在Web开发中使用SVG的方法，包括直接内联、img标签、CSS背景图、object/embed/iframe标签、JavaScript动态加载、SVG Sprite、CSS遮罩以及构建工具集成。每种方式各有特点：内联SVG支持完全交互但增加HTML体积；img标签简单可缓存但无法操作内部元素；SVG Sprite适合多图标管理；构建工具可优化项目配置。开发者应根据交互需求、性能优化和项目复杂度等因素，选择最适合的SVG引入方式，如需要动画选内联，简单展示用img标签，复杂项目推荐使用...

实现了一个动态的国庆节祝福页面。页面包含：1. 中国国旗绘制（使用Canvas精确绘制五角星图案）；2. 国庆祝福语展示；3. 烟花特效效果（包含火箭升空、爆炸粒子效果）；4. 随机出现的祝福消息。页面加载后会自动播放烟花动画，并支持点击国旗或按空格键触发更多烟花效果。整体设计采用红黄色调，突出国庆主题，通过JavaScript实现了丰富的交互效果。

这篇代码实现了一个2025国庆节烟花特效页面，主要包含以下核心功能： 精确绘制的中国国旗：严格按照国旗法规定，使用Canvas绘制3:2比例的五星红旗，包括五角星的位置和角度计算。 动态烟花效果： 自动发射随机颜色的烟花 点击/触摸可触发额外烟花 完整模拟烟花发射、爆炸和消散的物理过程 关键技术点： 五角星绘制算法（黄金比例计算） 粒子系统管理（发射粒子和爆炸粒子） 物理模拟（重力、阻力） 动画优化（requestAnimationFrame） 交互处理（支持PC和移动端） 整个效果通过Canvas渲染实现

Vue3中修改嵌套响应式对象时，Object.assign和扩展运算符虽然都是浅拷贝，但存在重要区别。Object.assign直接修改原对象属性，可能保留不需要的旧属性；而扩展运算符创建新对象后赋值，代码意图更清晰，符合Vue推荐模式。两者都能保持响应性，但官方更推荐扩展运算符方式，因其能避免意外保留属性等问题。对于大型对象，扩展运算符会带来创建新对象的性能开销，此时可酌情使用Object.assign。Vue3更推荐使用ref处理需要完全替换的对象，因其通过.value赋值能更好保持响应性。

指数退避是一种网络请求重试策略，在请求失败时逐步延长重试间隔时间（每次呈指数增长）。它能有效避免服务器过载，给服务恢复时间，并防止客户端同时重试造成"重试风暴"。典型实现包括：基础延迟、最大延迟限制、随机抖动和最大重试次数。算法公式为：等待时间=min(基础延迟*(2^重试次数),最大延迟)+随机抖动。该策略广泛应用于API调用、WebSocket重连等场景，在服务成功率与资源消耗间取得平衡，是构建高可用系统的关键技术。

vue-demi是一个帮助开发者编写同时兼容Vue2和Vue3代码的桥梁库。它提供统一的API接口和版本检测功能，使开发者无需维护两份代码。通过简单的安装配置，开发者在导入ref、reactive等API时，vue-demi会自动适配当前Vue版本。该库特别适合插件开发者和需要渐进式迁移的项目，能显著降低开发和维护成本，但不会直接影响运行时性能。使用vue-demi时，Vue2项目需额外安装@vue/composition-api。

摘要：PNPM默认禁止依赖包构建脚本执行，导致常见工具如@parcel/watcher、esbuild功能异常。可通过pnpm approve-builds命令审批或配置.npmrc文件设置白名单。对于强制使用npm的项目，需修改package.json中的preinstall脚本或改用npm安装。知名依赖如esbuild、vue-demi安全可信，可通过npm下载量和安全报告验证。

摘要：本文介绍了Vue中5种组件通信方式：1)事件总线模式(Vue2/3)，通过发布/订阅机制实现跨组件通信；2)Vuex状态管理(Vue2)，采用集中式存储管理应用状态；3)Pinia状态管理(Vue3)，简化了Vuex的API；4)Provide/Inject依赖注入，适合深层组件通信；5)组合式函数(Vue3)，封装可复用逻辑。每种方式都详细说明了实现方法、核心概念和使用注意事项，并比较了适用场景，帮助开发者根据项目需求选择最佳通信方案。

Vue生态中常用的事件总线npm包包括：mitt（超轻量200B）、tiny-emitter（支持once方法）、eventemitter3（高性能）、vue-bus（Vue专属集成）和beesbus（TypeScript支持）。选择建议：Vue项目首选vue-bus，极简需求选mitt，TypeScript项目用beesbus，高性能场景选eventemitter3。使用时需注意内存管理、事件命名和错误处理，也可根据需要自定义实现事件总线。

本文对比了Token与Cookie的本质区别：Token是身份凭证（如JWT字符串），而Cookie是存储和传递Token的浏览器机制。从工作流程看，Token需要前端手动管理（存储、添加请求头等），而Cookie通过Set-Cookie自动完成认证传递。安全性方面，配置HttpOnly和Secure的Cookie能有效防御XSS攻击，但需防范CSRF；前端管理的Token则易受XSS威胁但免疫CSRF。后台建议使用Cookie方案的核心原因在于简化前端工作（浏览器自动处理）、提升安全性（后端控制凭证）及适

Git忽略文件失效问题解决方案 摘要：当.gitignore文件失效时，通常是因为文件已被Git跟踪、.gitignore位置错误、语法错误或缓存未清除。解决方案包括：1)使用git rm --cached移除已跟踪文件；2)确保.gitignore位于项目根目录；3)检查忽略规则语法；4)清除Git缓存。建议项目初期就设置好.gitignore，并定期检查更新。不同项目类型(如Node.js/Python/Java)需要配置特定的忽略规则，可使用GitHub提供的模板简化配置。

**摘要：**Base64编码存储图片到数据库适合极简架构或需要事务一致性的场景，但存在明显弊端：数据膨胀33%，影响数据库性能、网络带宽和缓存效率；无法利用浏览器缓存、CDN加速和HTTP/2优势；处理图片需反复编解码。生产环境推荐替代方案：元数据和路径存数据库，图片存储在文件系统或对象存储（如AWSS3），兼具扩展性、高性能和低成本优势。

本文介绍了UniApp中使用uni.navigateTo进行页面跳转并传递参数的多种方法，包括：1.传递简单参数（字符串/数字）通过URL拼接；2.传递复杂参数（对象/数组）需JSON字符串转换；3.混合传递简单和复杂参数；4.其他参数设置（动画效果/页面通信等）。同时指出了URL长度限制、参数编码处理等注意事项，建议复杂数据使用状态管理或本地存储替代URL传递。

摘要：本文介绍了Git用户名设置的方法及常见错误。当在非Git仓库目录下设置用户名时会报错，需先进入项目目录或初始化仓库。设置方式分为本地配置（在仓库目录执行）和全局配置（加--global参数），本地配置会覆盖全局配置。设置完成后可通过gitconfig--list查看验证。文章还提供了初始化仓库和设置用户信息的完整命令行示例。