zxlh1529

摘要： 📱 UniApp 实现 App 连接低功耗蓝牙（BLE）通讯 手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目，本来 Android 版本没问题已经上线，到了发布测试 iOS 出问题了，连接上了设备但是通讯失败，排查了下才发现是协议通讯中有包含六位 ID，也就是设备的 MAC 地址，因为设 阅读全文

摘要： CSS 布局与视觉效果常用实践指南 在我一篇随笔中其实有说到十大布局，里面有提到 flex 布局、grid 布局、响应式布局，不过没有提到容器查询这个，现在说下这三个布局然后穿插下容器查询吧。 1️⃣ 核心布局方案 🧩 Flexbox 弹性布局 适用场景：线性布局、动态内容对齐，例如按钮组、导航栏 阅读全文

摘要： 🧾 微信小程序/H5 调起确认收款界面详解（附代码+平台兼容处理） 场景：用户点击「收款」按钮后，系统调起微信收款组件，用户确认后完成转账或收款流程。该能力广泛用于现金营销、二手交易、佣金报酬、企业赔付等业务场景中。 具体见官方文档 💡 背景 微信官方在前俩月更新了 requestMerchan 阅读全文

摘要： 为什么 JavaScript 是单线程？ JavaScript 被设计成单线程，简单来说就是 —— 浏览器里干活儿只能一个接一个排着队来，没法同时多开窗口摸鱼。 举个栗子： 你点按钮 → 网页要弹个提示 → 这时候如果网页还在加载数据 → 弹提示就得等加载完 → 单线程 = 一次只能干一件事。 为啥 阅读全文

摘要： Vue2、Vue3、小程序页面生命周期详解 本篇将对比 Vue2、Vue3 以及小程序页面/组件的生命周期，简单梳理各自特点、差异、新增优化点。 📦 Vue2 生命周期 beforeCreate → created → beforeMount → mounted → beforeUpdate → 阅读全文

摘要： 微前端（Micro Frontends） 微前端是一种架构理念，借鉴了微服务的思想，将一个大型的前端应用拆分为多个独立、自治的子应用，每个子应用可以由不同团队、使用不同技术栈独立开发和部署，最终聚合为一个整体产品。 🧱 生活化类比示例：乐高拼图理解微前端 想象你在搭乐高城堡，原来需要所有人挤在一起 阅读全文

摘要： 单页面应用（SPA）首屏加载优化方案 首屏加载优化是单页面应用（SPA，如 Vue/React）的核心性能指标，用户进入的第一个页面大多是是首页，这也是用户体验的重要指标。 那么一般是哪些方面入手呢？主要从资源优化（资源体积控制）、服务器优化（网络传输优化）、加载优化（代码执行效率）、渲染优化（渲染 阅读全文

摘要： RESTful 与 GraphQL 深度解析 在前端的开发过程中，相信 everyone 对 Get、POST 等请求方式都很熟悉，那么这些请求是归于哪种架构或者设计风格可能又不是很熟。现在在这简单的介绍一下以及拿出 GraphQL 架构进行对比。 1. 什么是 RESTful？ REST（Repr 阅读全文

摘要： SPA vs MPA 深度解析 1. 概述 什么是 SPA？ SPA（Single Page Application，单页面应用）是一种仅加载一个 HTML 页面，并通过 JavaScript 动态更新页面内容的 Web 应用架构。用户在操作时不会触发整页刷新，而是通过 AJAX 或 Fetch A 阅读全文

摘要： Vue 实现不同用户权限的方法 在项目中，实现不同用户的权限控制是常见的需求也是常见的功能模块，例如管理系统中不同角色（管理员、普通用户等）应有不同的访问权限，小程序、App等在不同角色登入的时候显示的首页以及跳转访问不同的页面。本文将以 vue 为主要的代码框架介绍几种常见的权限控制方式。 1. 阅读全文