fighting

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只记录数据，并不是实时更新的。在这点还有其他的性能测量技巧，Chrome DevTools 添加了 “Perform...

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误...

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Sh...

背景 上周在评审测试用例时，有一个营销话术的接口字段，业务上要求不能超过200字，会上有人问，后端数据表中的这个字段，最多能存储多少个中文字符，有没有对存储字数做限制。我插...

JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它...

1. Blob 1.1 Blob 创建 array 是一个包含字符串、ArrayBuffer、ArrayBufferView、Blob 等的数组或可迭代对象。多个 Blob...

一、写在前面 作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。 但是...

前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢...

在前端开发的工作当中，使用 `npm run dev` 的命令启动本地开发环境，是再正常不过的事了。那么当输入完类似 `npm run xxx` 的命令后，发生了什么呢？...

目前 single-spa 是一种比较流行且成熟的微前端方案，它可以为我们提供类似单页应用的用户体验，做到技术栈无关、多应用共存，并且通过其丰富的生态帮...

微前端是一种前端架构模式，是一种将前端应用程序拆分为更小、更独立的部分，并使用不同的技术栈来构建和部署这些部分的方法。这些独立的部分可以是单个页面、组件、功能模块或应用程序...

Module Federation 的简介 基础例子 - 1个 host、1个 remote 方向例子 - 既可以是 host 也可以是 remote 不同版本 React...

一、封装前的枚举字典定义 在日常开发中，我们经常会定义字典来做些下拉选择框： 定义枚举 定义字典 代码如下： 然后将 ArithmeticEnumMap 传入到下拉组件中去...

本文主要介绍企业级前端工程化全景图，从需求规范、开发联调、测试优化、构建部署、运维监控等多个阶段展开，详细介绍了每个阶段的核心目标、流程、工具、场景和AI赋能等。...

二叉树（Binary tree），每个节点最多只有两个分支的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒。...

一个规模大点的公司大概率会有很多子系统，每个子系统都是属于公司的，没必要为每个子系统做一个登录系统，因为用户是相通的，把每个子系统的登录部分抽离出来形成一个认证中心，这就是...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。...

《深入浅出微前端》小册作者，子弈的 2024 年度总结。子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。...