如果你还没有体会到这三个感叹号的含义，那们你可能对HAR还不了解。 HAR的全称为HTTP Archive，是W3C(World Wide Web Consortium)发布的一个通用标准。简单地说，HAR是一个约定的JSON文件格式，用于记录HTTP请求交互的所有内容，包括请…

0. 🧉 前言 在最近的项目开发中，出现了一个令我困扰的状况。我正在开发的项目 A，依赖了已经线上发布的项目 B，但是随着项目 A 的不断开发，又需要不时修改项目 B 的代码（这些修改暂时不必发布线上），如何能够在修改项目 B 代码后及时将改动后在项目 A 中同步？ 在项目 …

通常情况下，在一个HTML页面上，我们总能够通过DOM API访问想要访问的HTML元素，进行操作。 如果我们用Object.getOwnPropertyDescriptor查看，会发现window.document实际上是一个getter，而且它的configurable是f…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小…

微前端是指存在于浏览器中的微服务，通常由许多组件组成，并使用类似于 React、Vue 和 Angular 等框架来渲染组件，每个微前端可以由不同的团队进行管理，并可以自主选择框架。 每个微前端都拥有独立的 git 仓库、package.json 和构建工具配置。因此，可以拆分…

从Micro Frontends 官网可以了解到，微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格…

webpack本质上可以将其理解为是一种基于事件流的编程范例，一系列的插件运行。 1. webpack启动过程分析 1. 运行webpack 2. 查找webpack入口文件 在运行以上命令后，npm 会让命令行工具进入 node_modules.bin 目录查找是否存在 we…

下载emsdk项目，进行构建。 构建文件为opencv/build_wasm/bin/opencv.js ， wasm新型二进制代码已经被构建到了opencv.js 中，在HTML文件中直接引入。Opencv会暴露一个cv作为全局对象。我们通过cv来使用opencv的各种方法。…