<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[m0_48968432的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/m0_48968432</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_48968432]]></copyright><item><title><![CDATA[项目安装- React + TypeScript ]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/159388526</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/159388526</guid><author>m0_48968432</author><pubDate>Mon, 23 Mar 2026 16:24:51 +0800</pubDate><description><![CDATA[/ 封装 dispatch Hook（自动推导类型）// 封装 selector Hook（自动推导状态类型）]]></description><category></category></item><item><title><![CDATA[项目优化-vite打包优化]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/159323543</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/159323543</guid><author>m0_48968432</author><pubDate>Sat, 21 Mar 2026 22:27:54 +0800</pubDate><description><![CDATA[问题来源：在被问到如何进行打包优化时候，常常会大脑一时宕机，特地找到一些资料去了解一些打包的优化方式。]]></description><category></category></item><item><title><![CDATA[效率提升：封装前端日常使用的库（第二弹）]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158586369</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158586369</guid><author>m0_48968432</author><pubDate>Mon, 02 Mar 2026 23:54:59 +0800</pubDate><description><![CDATA[表单验证封装：内置手机号、邮箱等通用规则，支持批量验证和自定义规则，适配所有表单场景；DOM 操作封装：简化原生 DOM 的选择、类名、事件、样式操作，减少冗余代码；权限控制封装：支持角色 / 权限码两种控制方式，提供 Vue 指令快速实现按钮 / 菜单权限控制；图片处理封装：无需第三方库，实现图片转 Base64、压缩、裁剪，优化上传体验。]]></description><category></category></item><item><title><![CDATA[效率提升：封装前端日常使用的库（第一弹）]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158586333</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158586333</guid><author>m0_48968432</author><pubDate>Mon, 02 Mar 2026 23:51:59 +0800</pubDate><description><![CDATA[网络请求封装：基于 Axios 统一处理拦截器、错误提示、请求头，减少重复代码，便于后期维护；本地存储封装：解决数据类型限制，添加命名空间和过期时间，避免存储冲突和数据冗余；工具函数封装：防抖节流、深拷贝、日期格式化等高频函数，统一管理提升开发效率。]]></description><category></category></item><item><title><![CDATA[查漏补缺：前端开发常用的js内置函数]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158545973</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158545973</guid><author>m0_48968432</author><pubDate>Sun, 01 Mar 2026 23:59:13 +0800</pubDate><description><![CDATA[数组函数forEach（遍历）、map（映射）、filter（筛选）、reduce（聚合）是处理列表数据的核心，几乎覆盖 80% 的数组操作场景；字符串函数trim（去空格）、split（分割）、slice（截取）、replace（替换）是处理文本输入 / 输出的高频函数；对象 / 通用函数（遍历对象）、（JSON 处理）、parseInt（类型转换）是前端数据处理的基础，必须掌握。]]></description><category></category></item><item><title><![CDATA[环境安装：mysql安装及错误解决]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158541777</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158541777</guid><author>m0_48968432</author><pubDate>Sun, 01 Mar 2026 19:48:55 +0800</pubDate><description><![CDATA[可以的话，求求大家点点免费的关注！！拜托了该文章是对于mysql服务的安装到最终的使用，希望记录这篇对大家有帮助，也方便我以后环境搭建的时候少走点坑。革命尚未成功，同志还需努力，大家一起加油！！！]]></description><category></category></item><item><title><![CDATA[查漏补缺：组件树的勾选逻辑]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158508516</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158508516</guid><author>m0_48968432</author><pubDate>Sat, 28 Feb 2026 17:53:43 +0800</pubDate><description><![CDATA[问题来源：最近再调用树的过程中，会产生勾选当前组件，上下节点的勾选按钮不同步实现方案：递归勾选。]]></description><category></category></item><item><title><![CDATA[查漏补缺：vue2和vue3中diff算法的区别]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158508189</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158508189</guid><author>m0_48968432</author><pubDate>Sat, 28 Feb 2026 17:32:57 +0800</pubDate><description><![CDATA[核心原理Vue 2：双指针遍历 + 暴力查找，能找到差异但效率低、移动多；Vue 3：双指针预处理 + 索引映射 + LIS 优化，既快又能最小化移动。核心区别Vue 3 新增「key 索引映射」（解决查找慢）和「LIS 计算」（解决移动多）两大优化；时间复杂度从 O (n²) 降到 O (n log n)，移动次数做到理论最少。核心优化目标：两者都是为了减少 DOM 操作，但 Vue 3 把「减少」做到了极致，尤其在长列表、频繁重排场景下，性能提升非常明显。]]></description><category></category></item><item><title><![CDATA[项目优化-uniapp+H5慢速环境优化]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158466316</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158466316</guid><author>m0_48968432</author><pubDate>Fri, 27 Feb 2026 17:46:58 +0800</pubDate><description><![CDATA[核心优化：先通过资源瘦身（压缩、懒加载、代码分割）减少加载体积，从根本上降低慢速网络的影响；体验优化：通过预加载、缓存（uniapp 本地缓存 + Service Worker）、加载状态提示，减少用户等待感知；降级策略：监听网络状态，慢速网络下隐藏非核心内容、使用离线兜底页面，保证核心功能可用。这些方案可以组合使用，优先落地「资源瘦身 + 加载体验优化」，再根据业务需求添加「预加载 + Service Worker」，能显著提升慢速网络下 webview 嵌套 H5 的体验。]]></description><category></category></item><item><title><![CDATA[查漏补缺- html中的meta网页元数据学习]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/158458630</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/158458630</guid><author>m0_48968432</author><pubDate>Fri, 27 Feb 2026 13:07:13 +0800</pubDate><description><![CDATA[meta>是 HTML 里的一个元数据标签（meta = 元，data = 数据），它本身不会在网页上显示任何内容，而是专门用来给浏览器、搜索引擎、爬虫、社交平台等 “机器” 提供关于当前网页的 “背景信息”（比如编码、适配规则、网页描述、作者等）。你可以把它理解成：网页的 “身份证”+“使用说明书”—— 人类用户看不到，但处理网页的程序（浏览器 / 搜索引擎）能读懂，并且根据这些信息来正确处理网页。让网页在移动端适配设备屏幕宽度，按 1:1 比例显示，避免默认缩放导致的布局混乱。]]></description><category></category></item><item><title><![CDATA[查漏补缺-前端如何处理.proto转为json格式]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157777129</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157777129</guid><author>m0_48968432</author><pubDate>Thu, 05 Feb 2026 23:42:42 +0800</pubDate><description><![CDATA[工程化项目推荐脚本，前端友好，可集成到构建流程，批量转换。通用 / 后端协作场景推荐protoc 命令行，官方工具，解析准确，跨平台无依赖。临时 / 少量转换推荐在线可视化工具，无需配置，即时输出，操作简单。所有方案转换后的 JSON 均完整保留 proto 原始信息，可直接在前端开发中使用。]]></description><category></category></item><item><title><![CDATA[问题总结-uni.uploadFile上传图片失败问题]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157724600</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157724600</guid><author>m0_48968432</author><pubDate>Wed, 04 Feb 2026 10:24:23 +0800</pubDate><description><![CDATA[name是前后端文件接收的约定参数名，无固定值，唯一要求：前端 = 后端；本次问题的核心：后端要求用image接收文件，你之前设了file，匹配失败导致后端拿不到文件流；日常开发：对接上传接口第一步，先问后端「文件参数名是什么」，直接设为name值即可；避坑点：不要把name和本地文件名、文件路径混淆，前者是前后端约定，后两者是本地文件信息。]]></description><category></category></item><item><title><![CDATA[项目安装-Vue3 + Node.js + MongoDB 项目从开发到阿里云部署完整指南]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157700792</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157700792</guid><author>m0_48968432</author><pubDate>Tue, 03 Feb 2026 23:46:42 +0800</pubDate><description><![CDATA[想法来源：最近想搭建自己的个人博客，然后在阿里云中购置了一个小型的云服务器，准备学习一下云部署项目，记录一下。]]></description><category></category></item><item><title><![CDATA[国内外AI编辑工具合集]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157700518</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157700518</guid><author>m0_48968432</author><pubDate>Tue, 03 Feb 2026 23:28:56 +0800</pubDate><description><![CDATA[日常开发主力：通义灵码（代码补全 / 注释 / 跨文件理解），覆盖 Vue/Uniapp 通用开发场景；前端提效 / 原型搭建：Trae（设计稿转代码 / 语法糖 / 重构），快速将设计稿落地为可运行代码；微信生态开发 / 代码安全：腾讯云 CodeBuddy（小程序适配 / 微信 API / 安全扫描），做微信小程序时单独启用，保障代码合规。]]></description><category></category></item><item><title><![CDATA[项目安装：Socket-IO + vue3]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157616393</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157616393</guid><author>m0_48968432</author><pubDate>Mon, 02 Feb 2026 23:05:30 +0800</pubDate><description><![CDATA[打基础：补 Node.js/HTTP/WebSocket 前置知识；入门：搭建第一个 Hello World 项目，吃透核心事件和 API；进阶：掌握房间管理、定向通信、断线重连、框架结合等常用特性；落地：学习生产环境的部署、优化、鉴权、问题排查；巩固：做实战项目（聊天室 / 实时通知 / 涂鸦板），整合所有知识点；进阶（可选）：深入底层原理、学习集群和复杂实时场景。]]></description><category></category></item><item><title><![CDATA[Uniapp调用手机摄像头拍照上传]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157645574</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157645574</guid><author>m0_48968432</author><pubDate>Mon, 02 Feb 2026 22:58:45 +0800</pubDate><description><![CDATA[问题来源：最近接到一个需要拍照图片上传到管理平台中的需求，接触了一下拍照上传的一些细节记录一下。]]></description><category></category></item><item><title><![CDATA[项目安装：免费api接口测试合集 + vue3项目封装axios]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157616116</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157616116</guid><author>m0_48968432</author><pubDate>Sun, 01 Feb 2026 17:12:38 +0800</pubDate><description><![CDATA[前端本地 Mock，拦截浏览器请求，无需后端，适合项目开发。APIFox 在线 Mock（免费，支持自定义接口、参数、返回值，无跨域）。Fast Mock（免费，可视化配置 RESTful API，生成在线接口）。]]></description><category></category></item><item><title><![CDATA[免费图标库合集]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157587034</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157587034</guid><author>m0_48968432</author><pubDate>Sat, 31 Jan 2026 20:47:01 +0800</pubDate><description><![CDATA[问题来源：工作中在开发app过程中，新开发的功能发现申请定制图标的周期过长，暂时找一些开源的图标库进行替代，所以集合了一些开源的免费图标库，以便以后方便查找。]]></description><category></category></item><item><title><![CDATA[项目安装：vue3 + TypeScript]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/125737308</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/125737308</guid><author>m0_48968432</author><pubDate>Sat, 31 Jan 2026 15:54:22 +0800</pubDate><description><![CDATA[由于每次在一个新环境电脑中都要去重新搭建项目，到处要去找资料，找官方文档去安装。所以我打算把工作中需要安装的环境都一一记录下来，等我下次在新的环境中能够快速去搭建项目。]]></description><category></category></item><item><title><![CDATA[前端技术官方文档合集]]></title><link>https://blog.youkuaiyun.com/m0_48968432/article/details/157517189</link><guid>https://blog.youkuaiyun.com/m0_48968432/article/details/157517189</guid><author>m0_48968432</author><pubDate>Thu, 29 Jan 2026 21:22:23 +0800</pubDate><description><![CDATA[问题来源：每次想查阅资料的时候发现都要去浏览器搜索各种各样的文档，可能还找不到对应的官方文档，特地汇总以便一次性能够找到。]]></description><category></category></item></channel></rss>