一只小姜丝332-优快云博客

原创 UniApp跨端开发：六大平台差异详解，以及常见避坑指南和开发实践

就是用特殊的注释，告诉编译器：这段代码只编译到特定平台。console.log('这段代码只在H5平台出现')// #endifconsole.log('这段代码不在微信小程序平台出现')// #endifconsole.log('在APP或微信小程序平台出现')// #endif跨端开发的本质是在“一套代码”和“平台特性”之间找平衡。能用uni API的，尽量用uni API——框架帮你处理了大部分差异遇到平台特有需求，用条件编译隔离——不要试图写兼容所有平台的“万能代码”提前规划好测试方案。

2026-02-27 16:19:16 1018

原创 fnm 从入门到避坑：极速 Node.js 版本管理器全指南，10分钟学会使用fnm，解决 nvm 启动慢、跨平台兼容差的问题

核心优势：fnm 是 Rust 编写的极速 Node.js 版本管理器，跨平台、零依赖、兼容.nvmrc，启动和切换速度远超 nvm。适用场景：追求速度的全平台开发者，尤其是 Windows 用户（无需单独装 nvm-windows）、频繁切换 Node 版本的前端开发者。迁移成本：几乎为零，可直接替代 nvm，保留.nvmrc配置即可。你需要的 fnm（Fast Node Manager）避坑指南来了，我会针对新手最常踩的安装配置、版本切换、跨平台兼容、镜像源、权限。

2026-02-05 09:50:17 1555

原创 Claude Code安装与配置全指南

本文介绍了Claude Code的多种安装方式及使用指南。主要内容包括：安装方案：推荐Windows原生安装（PowerShell命令）支持WinGet安装和WSL安装已弃用NPM安装方式并提供了迁移指南使用教程：基本启动和核心斜杠命令示例项目开发流程 IDE插件使用方法进阶配置：第三方服务配置选项环境变量设置方法系统要求：最低Windows 10 1809+ 4GB内存需Git支持文章提供了详细的安装、验证、更新和卸载命令，适合不同技术背景的用户参考使用Claude Code。

2026-02-04 15:40:27 3096

原创解决设置flex:1后，子元素内容溢出的问题

如果一个项目的 flex-grow 属性为2，而另一个项目的 flex-grow 属性为1，则前者占据的剩余空间将是后者的两倍。通常情况下，当子元素的内容是自动宽度时，flex-basis 会默认为 auto，这意味着子元素会尽可能地撑开以容纳其内容。如果一个项目的 flex-shrink 属性为0，其他项目为1，则空间不足时，前者不缩小。这个小技巧的原理是，通过将 flex-basis 设置为0，我们强制子元素在分配剩余空间之前不占据任何空间。，子元素的宽度还是会超出父元素，这时候就需要换个方法了。

2025-07-15 18:04:07 1044

原创 v-自定义权限指令与v-if互相影响导致报错Cannot read properties of null (reading ‘insertBefore‘)

vue3+vite项目中报错Cannot read properties of null (reading ‘insertBefore‘)

2025-03-19 17:53:37 507

原创浏览器无交互动作想要调用麦克风的解决方案（The AudioContext was not allowed to start. It must be resumed (or created) aft）

浏览器播放音频，显示正在播放中却没有声音，控制台警告：The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

2025-03-18 17:51:30 878

原创解决各大浏览器中http地址无权限调用麦克风摄像头问题（包括谷歌，Edge，360，火狐）后续会陆续补充

在各大浏览器中http地址调用电脑麦克风摄像头会没有权限，http协议无法使用多媒体设备。

2025-02-27 18:11:52 10228 4

原创 PowerShell中无法运行pnpm命令

PowerShell中无法运行pnpm命令

2024-12-20 11:28:13 812

原创使用element-plus中el-table时，取消表格出现的滚动条

【代码】使用element-plus中el-table时，取消表格出现的滚动条。

2024-10-09 16:58:23 1276 1

原创 HBuilder真机调试检测不到荣耀Magic UI系列（包括手机和电脑）解决办法

如何进入开发者选项？设置->关于->版本号，点击版本号直至出现您已进入开发者模式

2024-04-18 11:37:25 57812 1

原创 vue点击上传图片并实现图片预览功能，并实现多张图片放到一个数组中进行后端请求（使用原生input）

设置默认图片：将图片作为模块导入，定义变量接收，赋值给图片的src其他方法：使用自定义指令设置默认图片、在模板中使用 v-if 等点击上传图片按钮，触发图片输入框的click事件hidden或绑定图片输入框的change事件，获取文件对象判断的length长度为0：用户取消选择图片，传给后台的数据就是null，把默认图片赋值给当前预览区长度为1：用户确认选择图片，把传给后台用户选择了图片之后，预览图片的方法：将获取的文件对象转成BASE64字符串：小图片将获取的文件对象转成url。

2024-04-09 09:17:32 1246

原创和vue2对比的Vue3新写法，在vue2基础上快速上手vue3项目

本质上是第二种写法的语法糖，掌握了这种写法，其实第二种写法也基本上就会了。这一部分，我们需要注意一下了，Vue3 中，watch 有两种写法。所以我们需要关心的，就是 Vue2 里的内容，怎么用 Vue3 的方式写出来。第一种写法，跟过去 Vue2 的写法是一样的，所以我们不过多介绍。要不要用ref，就看你的这个变量的值改变了以后，页面要不要跟着变。在开头，我就已经写了一个简单的例子，我们直接拿过来做对比。剩下的在 Vue2 里是怎么写的，Vue3 是同样的写法。所以，接下来，我们主要介绍的，也就是。

2024-01-03 15:22:16 2246 1