<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端开发努力中！]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_61869009</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_61869009]]></copyright><item><title><![CDATA[支付宝小程序的头像和昵称获取：button 获取头像上传，input 获取昵称]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/163538212</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/163538212</guid><author>qq_61869009</author><pubDate>Thu, 06 Aug 2026 16:03:18 +0800</pubDate><description><![CDATA[文章摘要：本文介绍了支付宝小程序中获取用户头像和昵称的两个常见需求及解决方案。对于头像获取，需注意支付宝可能返回远程地址tfs.alipayobjects.com，需先下载为本地文件再上传。昵称获取推荐使用input type="nickname"，并通过@blur事件获取最终值。文章提供了完整的代码示例，包括头像选择按钮样式、头像上传逻辑和昵称保存处理，帮助开发者避免常见问题。]]></description><category></category></item><item><title><![CDATA[TypeScript 类的基本使用小结]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/162556358</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/162556358</guid><author>qq_61869009</author><pubDate>Fri, 03 Jul 2026 16:55:01 +0800</pubDate><description><![CDATA[本文总结了TypeScript中类的基本使用方法。主要内容包括：1）类的基本写法，包含属性和方法；2）构造函数constructor的用法；3）readonly只读属性的特点；4）static静态属性和方法；5）public、private、protected三种访问修饰符的作用；6）通过extends实现继承；7）完整示例展示。文章以简明的方式介绍了类的核心概念，包括实例成员与静态成员的区别、访问控制、继承机制等，帮助读者快速掌握TypeScript类的基础知识。]]></description><category></category></item><item><title><![CDATA[TypeScript 基础入门：对象、函数、数组、元组、枚举和类型别名]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/162089958</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/162089958</guid><author>qq_61869009</author><pubDate>Thu, 18 Jun 2026 10:21:01 +0800</pubDate><description><![CDATA[本文记录了 TypeScript 中的常用类型写法，包括对象类型、可选属性、任意属性、函数类型、数组类型、元组类型、枚举类型和类型别名。通过 Vue 3 项目中的实际代码示例，详细介绍了每种类型的语法规则和使用场景。文章特别强调了对象类型优于原始 object 类型的原因，以及如何利用可选属性和任意属性来灵活定义对象结构。此外，还展示了枚举类型和类型别名在业务开发中的实际应用，帮助开发者更好地组织和管理复杂类型。这些类型技巧能够显著提升代码的类型安全性和可维护性。]]></description><category></category></item><item><title><![CDATA[TypeScript 基础入门：在 Vue/uni-app 项目中理解常见类型]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/162072956</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/162072956</guid><author>qq_61869009</author><pubDate>Wed, 17 Jun 2026 16:39:54 +0800</pubDate><description><![CDATA[TypeScript 基础类型在 Vue/uni-app 中的应用 本文介绍了 TypeScript 在 Vue/uni-app 项目中的基础类型用法，包括： 类型推断：自动推断变量类型 函数类型：参数和返回值类型约束 字面量类型：限制变量为固定值 联合类型：变量可为多种类型之一 any与unknown：处理不确定类型，unknown更安全 类型断言：强制指定类型 void与never：函数返回值类型 Vue中ref的泛型写法：明确响应式数据类型 文章通过实际代码示例，对比了不同类型的特点和使用场景，特别强]]></description><category></category></item><item><title><![CDATA[uniapp 拍照相册选取后超级好用的裁剪组件，增加水印完全自定义]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/161509661</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/161509661</guid><author>qq_61869009</author><pubDate>Fri, 29 May 2026 10:49:46 +0800</pubDate><description><![CDATA[本文介绍了一个图片处理组件的核心功能，主要包括：1）提供多种预设裁剪模式（身份证、银行卡、A4纸、证件照等），支持固定比例或自由裁剪；2）灵活自定义水印功能，可通过数组配置水印内容，支持文本、时间、位置等动态信息；3）组件采用Vue 3实现，包含完整的交互界面（旋转、还原、确认/取消操作）和触摸事件处理逻辑，适用于移动端图片编辑场景。该组件通过Canvas实现最终输出，满足证件照处理、文档扫描等场景的需求。]]></description><category></category></item><item><title><![CDATA[uni-app使用canvas制作海报并保存到本地相册vue3版本（超级详细）]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/160241565</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/160241565</guid><author>qq_61869009</author><pubDate>Tue, 21 Apr 2026 11:08:22 +0800</pubDate><description><![CDATA[本文介绍了基于Vue3的海报生成功能实现方案，主要包含以下核心要素： 水印生成 - 通过Canvas绘制可旋转、透明度的重复文本水印 背景图处理 - 支持本地资源和网络图片，视频可提取首帧作为封面 文字布局 - 提供居中文本绘制方法，支持自动省略过长文本 标签组件 - 实现带边框圆角的文字标签组，支持水平排列 图片处理 - 圆角图片绘制方法，支持阴影等特效 资源预加载 - 统一处理网络图片下载和路径转换 关键点包括使用Canvas API进行图形绘制、适配不同来源的媒体资源、以及提供灵活的样式配置选项。该方]]></description><category></category></item><item><title><![CDATA[uniapp开发选取文件，前端直传阿里云。]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/151073018</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/151073018</guid><author>qq_61869009</author><pubDate>Mon, 01 Sep 2025 15:59:01 +0800</pubDate><description><![CDATA[本文分享了uniapp开发app时文件上传的两个关键问题解决方案：1) 使用plus.io.chooseFile选取文件；2) 通过前端生成Policy和Signature实现阿里云直传，包括临时token管理、文件大小计算和时间格式化等工具函数。提供了完整的代码实现，特别针对临时路径上传问题给出了有效的解决方式，并强调了crypto-js库的必要性。]]></description><category></category></item><item><title><![CDATA[【UniApp 实战】封装通用字典 Mixin，高效管理全局数据字典。附真实案例若依管理后台字典通用！!]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/151070326</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/151070326</guid><author>qq_61869009</author><pubDate>Mon, 01 Sep 2025 14:54:15 +0800</pubDate><description><![CDATA[本文介绍了如何利用Vue Mixin实现企业级项目中的全局字典数据管理方案。针对字典数据共享、缓存和实时性等需求，设计了一个包含全局缓存、请求防抖、按需加载和多数据访问方式的Mixin。核心特性包括：通过globalDictStore实现全局缓存共享；使用组件级状态管理加载和错误；提供智能按需加载机制；支持dictText()、dictOptions()等多种便捷访问方法。该方案可全局注入或单独混入组件，有效解决了传统方式导致的代码重复和请求冗余问题，提升了字典数据管理效率。]]></description><category></category></item><item><title><![CDATA[uniapp开发App如何使用正确高德地图。uni.chooseLocation数据不展示问题，uni.getLocation不生效问题。]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/149739807</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/149739807</guid><author>qq_61869009</author><pubDate>Thu, 31 Jul 2025 15:51:02 +0800</pubDate><description><![CDATA[本文介绍了在UniApp开发中使用高德地图的关键步骤：1) 在高德开放平台注册账号并创建应用，获取API Key；2) 在DCloud开发者平台获取应用的安全码SHA1；3) 特别强调PackageName的正确获取方式（需使用打包时的appid），避免后续地图和位置选择功能出现问题。文中配有详细操作截图，记录了开发过程中容易出错的注意事项，为UniApp集成高德地图提供了实用指南。]]></description><category></category></item><item><title><![CDATA[uni-app switch关闭状态下的颜色，app样式问题。]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/149395048</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/149395048</guid><author>qq_61869009</author><pubDate>Thu, 31 Jul 2025 15:32:22 +0800</pubDate><description><![CDATA[记录 uniapp开发app使用switch样式显示问题]]></description><category></category></item><item><title><![CDATA[记录微信小程序scroll-view横向滑动效果]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/147040637</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/147040637</guid><author>qq_61869009</author><pubDate>Mon, 07 Apr 2025 11:47:46 +0800</pubDate><description><![CDATA[【代码】记录微信小程序scroll-view横向滑动效果。]]></description><category></category></item><item><title><![CDATA[vue对接腾讯云IM即时通讯（一文搞定超级详细）]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/146097107</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/146097107</guid><author>qq_61869009</author><pubDate>Mon, 10 Mar 2025 15:04:36 +0800</pubDate><description><![CDATA[首页先去腾讯云官网注册账号，找到IM创建一个应用，这里只搞注册登录完之后的效果。使用之前建议先看文档在动手 腾讯云。]]></description><category></category></item><item><title><![CDATA[uniapp小程序对接腾讯IM即时通讯无ui集成（3）]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/146069980</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/146069980</guid><author>qq_61869009</author><pubDate>Fri, 07 Mar 2025 10:15:06 +0800</pubDate><description><![CDATA[本文介绍了基于腾讯云IM SDK的即时通讯功能开发过程，已完成文本、语音、图片、视频、表情、消息撤回等基础功能。核心实现包括：1）会话列表展示，通过监听登录状态获取会话数据并显示未读消息；2）聊天页面开发，解决小程序上拉加载历史消息的卡顿问题，采用CSS翻转优化体验。文中提供了关键代码片段，展示如何获取会话列表、跳转聊天页及消息类型判断。目前暂未实现音视频通话功能，后续将进一步完善。开发过程中需注意IM SDK必须在登录成功后调用API。]]></description><category></category></item><item><title><![CDATA[uniapp 记录小程序使用不同字体]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/146069385</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/146069385</guid><author>qq_61869009</author><pubDate>Thu, 06 Mar 2025 14:12:00 +0800</pubDate><description><![CDATA[【代码】uniapp 记录小程序使用不同字体。]]></description><category></category></item><item><title><![CDATA[uniapp小程序对接腾讯IM即时通讯无ui集成（2）]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/146018916</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/146018916</guid><author>qq_61869009</author><pubDate>Tue, 04 Mar 2025 16:30:54 +0800</pubDate><description><![CDATA[正常项目开发这个字段可以在登陆后让后端返回，现在是测试我们直接去控制台生成一个。有了账号之后开始去小程序进行登陆操作。这里都拿到之后开始去小程序进行登录。这里除了帐号还需要一个校验值。]]></description><category></category></item><item><title><![CDATA[uniapp小程序对接腾讯IM即时通讯无ui集成（1）]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/146018358</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/146018358</guid><author>qq_61869009</author><pubDate>Tue, 04 Mar 2025 16:16:26 +0800</pubDate><description><![CDATA[按照文档步骤下载完这两个包后打开项目。有下图这两个包就算完成了开始工作。注册账号后搜索im即时通讯，新创建一个应用。]]></description><category></category></item><item><title><![CDATA[vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，粘贴上传和拖拽上传，大文件上传时拿到上传进度。]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/144358994</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/144358994</guid><author>qq_61869009</author><pubDate>Mon, 09 Dec 2024 23:42:41 +0800</pubDate><description><![CDATA[vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，大文件上传时拿到上传进度。]]></description><category></category></item><item><title><![CDATA[css 文字识别换行符]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/144358657</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/144358657</guid><author>qq_61869009</author><pubDate>Mon, 09 Dec 2024 21:55:20 +0800</pubDate><description><![CDATA[标签具有相同的效果。仅当使用换行符指定时，元素中的内容才会换行。效果正常这里是不会换行的，可以使用]]></description><category></category></item><item><title><![CDATA[vue 封装全局过滤器]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/144358527</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/144358527</guid><author>qq_61869009</author><pubDate>Mon, 09 Dec 2024 21:40:13 +0800</pubDate><description><![CDATA[定期全局过滤器及使用]]></description><category></category></item><item><title><![CDATA[uniapp 封装全局方法及使用v2，v3]]></title><link>https://blog.youkuaiyun.com/qq_61869009/article/details/144358229</link><guid>https://blog.youkuaiyun.com/qq_61869009/article/details/144358229</guid><author>qq_61869009</author><pubDate>Mon, 09 Dec 2024 21:24:56 +0800</pubDate><description><![CDATA[uniapp 封装全局方法及使用v2,v3都可用。]]></description><category></category></item></channel></rss>