向着太阳迎着光

Vue 前端大屏做多端屏幕适配时，如何让其自动适配多种不同尺寸的屏幕？

huang3513 — Sat, 13 Dec 2025 15:47:14 +0800

前端大屏多端适配方案核心原则：基于设计稿基准比例（如1920×1080）实现等比缩放。推荐三种方案： CSS Scale缩放：通过transform: scale()整体缩放容器，简单高效，保持严格比例，适合数据可视化大屏。 rem动态布局：动态计算根字体大小，元素使用rem单位，适合需要精确控制的场景，需注意高度适配。 Grid+Flex弹性布局：利用Grid划分比例区域，Flex实现内部弹性适配，适合非固定比例屏幕，需配合响应式调整。优选方案取决于项目需求：追求开发效率选Scale，需精细控制选re

每到过节的氛围，商场都会给你拉满

huang3513 — Mon, 01 Dec 2025 12:06:16 +0800

生活纪实录12月1日

huang3513 — Mon, 01 Dec 2025 09:20:50 +0800

周末加班，只休息一天，确实感觉没有缓过来。

前端开发【工具函数】编码过程中常用的基础工具函数，可以直接拿着使用

huang3513 — Mon, 27 Oct 2025 11:59:24 +0800

在前端开发中，JavaScript 的数据类型判断和转换常因 typeof、instanceof 的局限性导致不一致问题（如 typeof null === ‘object’、typeof [] === ‘object’）。

前端开发【工具函数】基于number-precision 封装的NumberUtils工具函数，可以直接拿着使用

huang3513 — Mon, 27 Oct 2025 11:18:17 +0800

本文介绍了一个基于 number-precision 库的 JavaScript 数字处理工具集，主要解决以下问题：精度计算：提供精确的加减乘除运算（特别是浮点数运算）和四舍五入功能金额处理：支持分转元、千分位格式化、金额脱敏等财务场景需求数值校验：包含数字有效性检查、范围判断和整数验证单位转换：实现大数字自动单位转换（如"万"、"亿"）该工具库特点：轻量级（<2KB）覆盖常见数字处理场景提供健全的异常处理可直接导入项目使用适用于需要精确数字

前端开发【工具函数】基于dayjs 封装的DateUtils工具函数，可以直接拿着使用

huang3513 — Fri, 24 Oct 2025 16:37:42 +0800

本文整理了基于dayjs的JavaScript日期处理工具函数，覆盖5大核心场景：1）日期格式化（支持自定义格式、快捷格式和相对时间）；2）日期差值计算（支持多种单位、年龄计算和时长格式化）；3）日期范围获取（当天、近N天、当月、上月范围）；4）特殊日期判断（今天、昨天、周末）；5）时区与时间戳转换。这些函数可直接复用，满足前端开发中90%的日期处理需求，代码简洁高效且支持中文本地化。

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

huang3513 — Tue, 10 Jun 2025 19:59:07 +0800

本文介绍了一个基于Vant UI的Vue2图片上传组件实现方案。该组件封装了图片上传、预览和删除功能，支持最多9张图片上传，并提供了自定义样式和交互逻辑。关键实现包括：使用Vant Uploader组件，配置最大上传数量、预览尺寸等参数自定义上传按钮样式，模拟截图中的视觉效果实现上传回调(handleAfterRead)和删除回调(handleBeforeDelete)方法优化预览图片和删除按钮的样式布局组件已封装为独立模块ImageUploader.vue，可直接在Vue2项目中复用。同时提供

在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的？

huang3513 — Fri, 06 Jun 2025 10:56:59 +0800

uni-app中Web-view与Vue页面通讯主要通过双向消息传递实现：Web-view可加载本地或远程HTML，并通过postMessage与uni-app交互；uni-app则通过webview组件的postMessage方法向H5发送消息。通讯方式包括H5主动发送事件、uni-app接收处理，以及uni-app调用H5方法。还可通过JSBridge直接调用API或间接中转调用uni-app功能。该机制实现了原生与Web的高效互通，支持数据传递和功能调用，为混合开发提供了灵活解决方案。

uni-app+Vue3开发微信公众号时，除了JSSDK还有哪些常用的开发工具或技术？

huang3513 — Fri, 06 Jun 2025 10:51:27 +0800

本文介绍了使用uni-app+Vue3开发微信公众号的常用工具与技术。主要内容包括：基础框架与工具链（uView UI、Pinia、VeeValidate等）、微信生态工具（支付SDK、登录、分包）、UI与样式工具（Tailwind CSS、图标库）、性能优化（懒加载、分包、Webpack）、调试测试工具（微信开发者工具、Jest）。还涵盖了后端集成、微信公众号特有功能、第三方服务集成以及开发流程和优化建议。这些工具和技术组合可以有效提升开发效率和用户体验。

在uni-app+Vue3中使用JSSDK时，如何调用微信提供的原生接口？

huang3513 — Fri, 06 Jun 2025 10:50:19 +0800

在uni-app+Vue3项目中调用微信JSSDK原生接口的实践指南。首先需要配置开发环境并初始化JSSDK，获取微信公众号授权。核心实现包括：通过wx.config初始化SDK，在ready回调中调用接口，并处理成功/失败回调。文章推荐封装可复用的JSSDK服务模块，提供了获取签名、初始化和检查API等基础功能。最后展示了三个典型应用场景：获取用户地理位置、调用扫一扫功能以及选择/拍照功能的具体实现代码，通过Vue3的组合式API封装为可复用的逻辑。该方法实现了微信原生功能的无缝集成，同时保持了uni-a

uniapp + Vue3 开发微信公众号、H5时，jssdk 的使用方式详细介绍？

huang3513 — Fri, 06 Jun 2025 10:46:29 +0800

摘要本文详细介绍了在uni-app + Vue3项目中集成微信JSSDK的开发流程，包括：1) 前期准备工作，如微信公众号注册与域名配置；2) 前端集成步骤，包含JSSDK引入、初始化服务封装及后端签名接口实现(Node.js示例)；3) 常用功能如微信分享的实现方法。重点讲解了如何通过Promise封装初始化逻辑，确保JSSDK配置完成后执行后续操作，并提供了完整的代码示例。该方案适用于微信公众号/H5开发场景，可快速实现微信原生能力调用。

在uni-app中如何从Options API迁移到Composition API？

huang3513 — Fri, 06 Jun 2025 10:36:38 +0800

本文提供了uni-app从Options API迁移到Composition API的完整指南。首先介绍了迁移前的准备工作，包括环境升级和基础知识储备。然后详细讲解了渐进式迁移策略，建议从简单组件开始逐步过渡。文章通过代码示例对比了两种API在数据定义、方法、计算属性、监听器和生命周期钩子等方面的差异，并展示了如何使用组合函数提取复用逻辑。还介绍了