MQliferecord

目标：基于 CDN 加载 WebP 图片，且能自动降级为 PNG/JPG（兼容不支持 WebP 的浏览器） 第一步：封装 WebP 检测工具，在用户浏览器不支持webp的情...

核心指标 核心指标主要分为三个部分，分别是加载时性能指标，运行时性能指标和用户体验优化指标。 加载时性能指标： TTFB 浏览器发送请求到收到服务器答复的时间，也就是接口响...

强引用和弱引用 在JS里面默认的引用都是强引用，一个变量如果存在强引用则不会被垃圾回收机制回收，但是如果一个变量强引用都不存在了，只剩下弱引用，则不会阻止垃圾回收机制回收对...

Promise.all 实现Promise.all方法： 接收一个可迭代对象（如数组），返回一个新 Promise； 所有 Promise 都成功时，返回结果数组（顺序和输...

1. <img>标签的alt属性用来做什么的？ 如果图片显示不出来用于进行文字提示；帮助seo索引。 2. 简述HTML新特性，请至少列举5个。 语义化标签，方便阅读，代码...

每个接入模块联邦的应用都会被webpack构建为一个独立的模块容器，容器包含两部分： 容器入口文件,默认命名remoteEntry.js 该文件包含了所有共享模块的名字和映...

希望监控 qiankun 中子应用的内存使用情况（包括 JS 堆内存、DOM 占用、资源泄漏等），核心思路是「主应用统一监控 + 子应用自主上报 + 浏览器原生 API 采...

主应用 修改主应用路由 主应用使用 history 路由（微应用推荐），添加子应用容器页面： 创建子应用容器组件（src/views/SubAppContainer.vue...

最近在做一个接第三方页面嵌入iframe的项目，用到了Token，这里记录一下相关知识。 简易版Token流程： 用户登录，提供用户名和密码等一系列登录信息给后端 后端经过...

tailwindcss的优点是什么 怎么实现css状态隔离 除了scoped还有什么办法嘛 css状态隔离的原理是什么 怎么设计一个中后台项目 为什么中后台项目要用微前端 ...

核心对象： compiler: 代表Webpack构建的全局上下文，钩子是全局生命周期钩子 compilation: 代表一次构建的编译过程，钩子是编译阶段钩子 生命周期：...

1. flex:1包括什么意思？ 衍生问题1： flex-basis:auto的意思？ 以自身内容宽高为基准，伸缩基于内容宽度的倍率。如果宽度为100px，也就是基于100...

1. vue3和vue2的区别和底层原理？ (1.1) vue2是选项式Api，vue3是组合式Api vue2按照data，methods，computed分布，逻辑分散...

这两个 API 都是浏览器提供的异步观察者模式 API（避免轮询，性能更优），但核心定位和监听对象完全不同： MutationObserver：监听 DOM 结构 / 属性...

这里只谈前端针对用户感受的优化体验 优化执行层代码逻辑 检查代码是否有多余的接口调用，导致冗余 解决方案： 代码层面的时序逻辑更改重构。这个需要结合实际的情况变化。 防抖和...

首先排查白屏这个问题先默认在主流场景下，这个可以运行，并且实现目标功能，但是在特定的场景出现了白屏问题。 Javascript代码错误 原本有属性的对象，后端在特定场景下传...

这篇文章的思路来源于掘金： SPA项目频繁上线导致白屏？最佳实践来了！背景是我们团队有个项目，上线后，偶尔会听到有人反馈说页面白屏了，刷新页面才好， - 掘金 (jueji...

最近AI Agent实在是太火了，导致前端很多岗位都需要知道AI相关的一些术语。但我体感目前没看到AI给前端带来新的应用场景（指类似threejs对于建模，Nodejs对于...

最开始查到这个是因为在做版本更新弹窗的定时器轮询，然后查看到一篇文章关于前端倒计时存在误差，从而衍生出高并发秒杀场景下，应该如何实现倒计时工具： 最开始想到的办法是setT...