程序员晚天

用NextJS搭了个AI助手，但是ChatGPT在Stream模式下，中文偶尔会有乱码的问题。解决方法就是给`decoder.decode()`方法加上`stream:tr...

Webpack Bundle Analyzer 是一个Webpack插件，用来可视化Webpack输出文件的尺寸，帮助开发者理解每个模块占用的大小，并对优化打包提供依据。W...

在Chrome DevTools的Network面板中，每个网络请求都有一个Priority列，这个列显示了请求的优先级。这些优先级由浏览器根据资源类型、标签属性以及加载位...

记录一次通过 SSG 生成的页面在首屏渲染时，因 antd 导致样式发生抖动的 debug 过程......

tailwindcss插件是一个PostCSS插件，它通过一系列复杂的步骤来生成实用性优先（Utility-First）的CSS框架。以下是tailwindcss插件在一个...

esbuild-wasm提供了两个主要的方法：transform和build，它们各自有不同的作用和用途。 transform 方法 transform方法用于将单个输入文...

在我们工作或学习中经常遇到要尝试使用一个新的组件库或工具库，例如需要上手学习一下react的状态管理库Valtio，或者我想上手体验一下antd5.0的组件库，尝试用图表组...

前言 回顾微前端的历史，最早的时候我们是利用 iframe 嵌入一个网页，这就是微前端的雏形。虽然接入时方便快捷，但它也存在一系列缺点......

qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我...

本文正在参加「金石计划」 传送门 之前写过一些微前端的文章，建议结合在一起阅读，本文将对比乾坤的实现方式进行讲解： 微前端技术选型 面试官：你了解微前端吗？ 源码解析系列-...

无界：基于 WebComponent 容器 + iframe 沙箱 官方文档：https://wujie-micro.github.io/doc/ WebComponent...

微前端是一种类似于微服务的架构，将前端应用分解成多个部分，每个部分都能够独立运行、独立测试、独立交付。...

在HTML5中，popstate事件是一个在同一个文档内进行浏览历史导航时触发的事件。换句话说，当活动的历史记录条目发生变化时，popstate事件就会在对应的window...

single-spa 6.x 使用 popstate 事件和 hashchange 事件来监听浏览器 URL 的变化，并且它还会拦截链接点击和表单提交事件来确保 URL 变...

Import Maps Import maps 是一项原生浏览器功能，允许你控制模块标识符到实际资源 URL 的映射。这意味着你可以使用简单的模块名称而不是相对或绝对的 U...

基于 SingleSPA 6.x 版本，创建微前端主子应用。 下面是一个基本的步骤指南和代码示例来帮助你开始。 安装依赖 首先，你需要安装 single-spa 及其相关依...

Webpack 5 模块联邦（Module Federation）是一个允许 JavaScript 应用程序动态地从其他构建的代码中加载代码的功能。这是一个非常有越的特性，...

Shadow DOM 是一种 Web 标准，它允许开发者在主文档的 DOM 中嵌入一个隔离的 DOM 子树，这个子树有自己的元素、样式和脚本，而不会影响主文档。Shadow...

在React的Suspense中，根据数据请求Promise的状态加载子组件，或直接使用react-cache缓存请求...