本尊30163

背景 在传统的单体前端架构中，随着应用规模的不断扩大，代码库变得庞大且复杂，开发和维护成本急剧上升。不同功能模块之间的耦合度高，导致一个模块的修改可能会影响到整个应用的稳定...

一、衡量性能指标 要做前端性能优化，首要工作是分析和衡量页面内容，找出网站中需要优化的部分，对症下药。 加载时间 浏览器 PerformanceNavigationTimi...

以下是一些常用的前端性能分析工具： 一、浏览器开发者工具 Chrome DevTools： 功能强大，提供了丰富的性能分析选项。 在“Performance”（性能）面板中...

现代计算机中数据都是以二进制的形式存储的，即0、1两种状态，计算机对二进制数据进行的运算加减乘除等都是叫位运算，即将符号位共同参与运算的运算。 常见的位运算有以下几种： 运...

1）Unicode 在说Unicode​之前需要先了解一下ASCII​码：ASCII 码（American Standard Code for Information In...

金三银四求职季，事件循环机制成面试必考点！以代码实战为例，拆解JS单线程异步原理。从进程/线程切入，剖析宏/微任务优先级，详解执行顺序，解析await陷阱。基于V8引擎机制...

CSRF(Cross Site Request Forgery)，即跨站请求伪造，是一种常见的Web攻击，它利用用户已登录的身份，在用户毫不知情的情况下，以用户的名义完成非...

前言 在 Vuejs 中，内置了 KeepAlive​组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab​组件，如下代码所示： 可以看到，根据变量...

Webpack 和 Vite 都是前端构建工具，但它们在设计理念和实现方式上有较大的区别。 Webpack 是一种模块打包工具，主要功能是将各种资源（如 JavaScrip...

在使用Vue​的时候，最让人着迷的莫过于nextTick​了，它可以让我们在下一次DOM​更新循环结束之后执行延迟回调。 所以我们想要拿到更新的后的DOM​就上nextTi...

主体流程图 初始化子应用 通过fetch + url 获取子应用的html 处理html文本，获取css 和js的资源地址 通过fetch获取子应用的静态资源 将处理过的h...

Vue 中的样式隔离是通过 Vue 单文件组件（Single File Components，简称 SFC）的 ​ 标签中的 scoped​ 属性实现的。当你在一个 Vue...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。 keep-alive 作用 keep-alive作为一种vue的内置组件，主...

1.什么是web Worker? JavaScript是单线程模型，即所有任务只能在同一个线程上面完成，前面的任务没有做完，后面的就只能等待，这样当我们执行一些时间较长的j...

已经完成了组件级别的渲染过程分析，组件最终会调用patch​函数，而 patch​ 函数会根据虚拟节点的类型进行不同处理。对于组件节点会递归处理其子组件，对于普通元素节点则...

mount函数创建虚拟节点之后就会调用render函数，而render函数内部的核心就是patch函数，也就是大名鼎鼎的diff算法。 Vue 中的节点类型可以分为以下几类...

requestidlecallback 它提供了一种机制，允许开发者在浏览器空闲时运行低优先级的任务，而不会影响关键任务和动画的性能。 requestidlecallbac...