zxlh1529

摘要： 在现在项目开发中，文本高亮是一个常见且实用的功能，尤其在一些涉及做题网站、阅读类应用、笔记工具或内容管理系统中。废话不多说直接看实现： 功能亮点 支持鼠标选中文本后自动高亮 可选的双击高亮功能 处理跨段落、跨元素的文本高亮 点击高亮区域可直接取消高亮 提供清除单个或所有高亮的方法 支持自定义高亮颜色 阅读全文

摘要： 在前端项目中，尤其是后台管理系统、发票/报告导出、在线编辑器、前端页面截图导出等场景，将页面内容导出为 PDF 是非常常见的需求。现在使用 html2canvas + jsPDF 进行构建 hooks 作为示例。 一、为什么需要自定义封装？ 自个实现全局 hooks 可控，想怎么来就怎么来（参考 h 阅读全文

摘要： 在网站进行移动端 Web 适配开发中，弹窗和导航栏弹出等常常会出现一些问题，如果是奇奇怪怪的客户严格要求的话，那么就会有下面这些情况： 打开弹窗后页面自动放大，视图区被放大到看不全 打开对话框打开后背景仍然能滚动 导航栏弹窗后，背后内容可滚动，影响体验 点击聚焦输入框，导致视图放大 下面通过 Nux 阅读全文

摘要： 遇到一个问题，在同一主域下的多个子域之间共享登录状态的需求。例如： main.example.com 主站 learn.example.com 学习中心 希望在任意子域登录后，其他子域也能自动识别登录状态，包括登出同步。 Cookie 跨子域共享 浏览器安全策略允许 Cookie 在同一主域下共享， 阅读全文

摘要： 原生 DOM 更新 graph LR A[数据变化] --> B[手动查找DOM节点] B --> C[直接修改节点属性] C --> D[处理相关依赖节点] Diff 算法更新 graph LR A[应用状态变更] --> B[生成新的虚拟 DOM 树] B --> C[Diff 算法比较新旧树] 阅读全文

摘要： 上篇文章说到了引导式访问组件，其中有个扩展功能是是否强制以及是否第一次进行引导访问，这时候有个 guideKey 可以作为根据判断，那么存储拿取的时候就用到唯一值了，然后就有了这篇文章介绍的几种姿势，有深入哦~ 背景 假设已经使用 guideKeyList 来记录已完成的引导步骤： let guid 阅读全文

摘要： 最近有个需求需要在小程序中实现一个新手引导组件，通过遮罩、高亮区域和提示框的组合，为应用提供流畅的用户引导体验。 组件功能概述 这个引导组件提供了以下核心功能： 分步引导：支持多步骤引导流程 智能定位：自动计算高亮区域位置 遮罩效果：突出显示目标元素 方向感知：根据位置调整提示框方向 进度控制：下一 阅读全文

摘要： 使用UniApp Canvas实现分享海报 一、分享海报 现在使用 Uniapp 中的 canvas 简单实现下商品的分享海报，附上二维码（这个可以附上各种信息例如分享绑定下单等关系）,开箱即用。 动态生成包含商品信息、用户二维码的分佣海报 一键保存到手机相册 支持App原生分享和小程序分享 打通社 阅读全文

摘要： 微信小店现已全面打通小程序生态，为开发者提供强大的电商能力支持。本文将详细介绍各项集成功能及代码实现方案。 一、商品展示与交易能力 1. 商品卡片嵌入 // 基础商品卡片嵌入 <store-product product-id="123456" app-id="wx1234567890abcdef" 阅读全文

摘要： 微信推客注册参数解析（UniApp） ✅ 这篇文章主要是 uniapp 实现小程序对接推客用户注册，聚焦微信生态推客业务的注册流程解析与 UniApp，结合实战避坑经验。 一、接口参数解析 先让后端调用微信的接口获取数据给到前端，可以看出从微信返回的接口数据中，以下字段与注册流程强相关： { "er 阅读全文