pinkQQx

从“甩锅”到“兜底”，一套代码实现缓存自愈，把用户体验拉回 100 分 一、为什么“清缓存”成了技术圈的梗？ “老师，页面白屏了！” “清下浏览器缓存试试。” —— 这段对...

本文在 UMD 微前端方案基础上，探讨一种支持 ESM 的微前端架构。通过 iframe 提供独立 JS 执行环境，结合 Shadow DOM 实现 DOM 与样式隔离。...

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如...

本博客将带你系统地理解什么是微前端，以及微前端背后的核心原理。在理论讲解的基础上，本文会通过完整的实战过程，从最基础的原理出发，完整手搓一个可运行的微前端实现。...

引言 本文简单梳理了前端常见的事件分类，并针对 scroll、mousemove 等高频事件，引入装饰器模式对事件监听函数进行统一封装和优化，避免重复编写节流、防抖等逻辑，...

本文介绍了 JSBridge 的概念、原理及实现方式，包括 JS Call Native 和 Native Call JS 的常见策略，帮助读者理解在混合开发中，JS 与原...

前言 在 Hybrid 开发的过程中，由于前端和客户端同学存在认知差异，导致在解决一些 bridge 问题时存在一定的沟通成本和信息不对称。本文从前端视角切入，讲述 bri...

本文手把手讲解企业级前端跨平台架构（IPlatform）设计与实现。通过 Interface 定义标准、BasePlatform 兜底、具体平台实现、JSBridge 通信...

H5 唤醒 App（Deep Link）是移动端常见需求，它允许用户从浏览器、第三方应用或推送等入口，直接打开本地已安装的 App，并跳转到指定页面。本文系统梳理了 H5 ...

这篇文章介绍了什么是 H5 混合开发 以及它为什么会成为移动端的主流方案。 文章首先梳理了混合开发的产生背景，解释了它是如何通过“一套代码多端运行”来解决原生开发成本高、审...