逍遥云天 - 博客园

vue3+ts+vant4开发，配置自动引入组件，不再使用import引入

摘要：前言：这是vant4官方推荐的按需引入方式，对于自动引入的描述，官方是这么说的：相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。如果业务对 CSS 的体积要求不是特别极致，我们推荐使用更简便的常规用法。虽然是这么说，但常规的使用imp 阅读全文

posted @ 2025-10-31 11:51 逍遥云天阅读(67) 评论(0) 推荐(0)

华为开发工具‌DevEco Studio‌重用操作快捷键

摘要： 1. 查找文件——双击shift查找文件 2. 打开最近文件——ctrl+E 打开最近打开文件3. 查找文件目录——点project右侧的目标图标，可打开当前文件所在目录4. 自动导包功能——Ctrl+Alt+M5. 代码跳转——ctrl+点击6. 代码格式化——Ctrl + Alt + L7. 不阅读全文

posted @ 2025-06-13 09:49 逍遥云天阅读(93) 评论(0) 推荐(0)

Vue2 项目使用address-parse插件实现自动识别收货地址功能

摘要：在 Vue2 项目中实现自动识别复制的收货地址功能，可以通过以下步骤完成：实现思路监听粘贴事件：在输入区域捕获粘贴操作解析地址文本：使用正则表达式或地址解析库处理文本自动填充表单：将解析结果映射到对应的表单项优化用户体验：添加视觉反馈和错误处理代码实现 1. 安装地址解析库（推荐） np 阅读全文

posted @ 2025-05-29 13:34 逍遥云天阅读(336) 评论(0) 推荐(0)

Vue2项目使用Vant的Sticky组件实现吸顶固定页面滚动会出现闪动的情况处理

摘要：前言：目前vant2应该已经停止维护了，开发新项目的同学建议直接使用vue3+vant4，vant4版本中应该是没有这个问题了。vant2版本的Sticky组件，当页面滚动触发吸顶，Sticky组件的postion从默认状态切换到fixed定位就会出现闪动，这也不能说是bug，只是没考虑到用户体验，阅读全文

posted @ 2025-05-29 10:56 逍遥云天阅读(284) 评论(0) 推荐(0)

vue+axios+van-uploader上传图片Network请求表单数据显示的是formData方法列表？

摘要：异常现象：如题，vue项目中使用van-uploader组件上传图片，Network中查看接口调用荷载的表单数据，没有正常传递图片文件参数，而是一系列函数列表，如下： append=function%20append()%20%7B%20%5Bnative%20code%5D%20%7D&dele 阅读全文

posted @ 2025-05-21 11:53 逍遥云天阅读(60) 评论(0) 推荐(0)

vant ui AddressEdit 地址编辑组件初始化需要地址编码areaCode的处理方法

摘要：前言：之前使用微信小程序、uniapp的省市区选择组件，初始数据都可以直接接收省市区名称的，诸如 let addr=['北京市','北京市','东城区'] ，所以，直接根据后端接口返回的省市区数据就能完成组件初始化。但vant ui就偏不，只能接收areaCode，开发文档上说了，areaCod 阅读全文

posted @ 2025-04-15 10:39 逍遥云天阅读(76) 评论(0) 推荐(0)

微信小程序开发——动态添加伪类after样式

摘要：在微信小程序中，无法直接对伪类 ::after 进行动态样式操作，但可以通过一些间接的方法来实现动态添加伪类 ::after 的背景色。下面为你详细介绍两种常见的实现方式。方法一：通过数据绑定切换类名通过在 JavaScript 中修改数据，动态切换不同的类名，从而为伪类 ::after 应用不阅读全文

posted @ 2025-03-18 13:12 逍遥云天阅读(301) 评论(0) 推荐(0)

PSD文件即使删除了很多内容仍然很大的原因及处理方法

摘要：如题，psd文件比较大，已经删除了许多用不到的东西了，但文件还是很大，导致占用内存较大，系统都变卡了，这个问题还是需要解决的。大致原因如下：元数据问题‌：PSD文件中可能包含了大量的元数据，这些元数据即使删除了图像内容也不会减少。元数据包括文档的历史记录、图层信息等，可以通过脚本删除这些元数据来阅读全文

posted @ 2025-03-05 16:42 逍遥云天阅读(267) 评论(0) 推荐(0)

vue项目安装依赖遇到if not defined npm_config_node_gyp问题处理

摘要：报错信息：解决方法： 1. 安装node-gyp: npm install -g node-gyp 2. 找到安装node-gyp的路径，直接去安装node的目录下查找，可以参考下图： 3. 在C:\Users\Administrator\ .npmrc 中添加上一步找到的node-gyp.js的阅读全文

posted @ 2024-12-26 17:15 逍遥云天阅读(467) 评论(0) 推荐(0)

HarmonyOS开发——编译错误集锦（升级v4.x版本后的ArkTSCheck）

摘要： 1. Array literals must contain elements of only inferrable types (arkts-no-noninferrable-arr-literals) 修改前： let permissionList = [ { name: '设备信息', val 阅读全文

posted @ 2024-10-14 11:42 逍遥云天阅读(695) 评论(0) 推荐(0)