拉不动的猪

一、try...catch 本质：为何需要它？（从程序失控到可控） 在 JavaScript 执行过程中，代码常因变量未定义、类型错误、API 调用失败等问题中断。若缺乏异...

先明确两者的关系：CSS 像素是 “逻辑像素”（页面布局用），物理像素是屏幕实际发光的像素点，两者通过 设备像素比（DPR）  关联，公式为：1 个 CSS 像素 = DP...

Tree-shaking 是现代前端构建工具中用于消除死代码（未被使用的代码）的重要优化手段，核心原理是利用 ES6 模块的静态特性（import/export）分析代码依...

一、为什么 Web Worker 能实现 “多线程”？ 浏览器的 JS 引擎（如 V8）本身是单线程的，但浏览器是多进程 / 多线程架构。Web Worker 的本质是 浏...

页面基本流程 登录成功后，后端返回 Access Token 和 Refresh Token，前端存储两者及各自有效期。 每次发起业务请求前，前端判断 Access Tok...

Vue 的 scoped 样式隔离看似简单，实则有明确的实现逻辑，未隔离成功往往是没搞懂它的工作原理。下面从「核心机制→实现步骤→隔离边界→常见误区」四个维度详细拆解： 一...

前端开发中 Promise 与异步编程还存在大量易混淆、易踩坑的场景，以下按「基础概念」「方法使用」「异步协作」「与其他机制配合」四大类整理，附带代码示例和正确逻辑： 一、...

热更新基本流程图 一、先明确：什么是热更新（HMR）？ 热更新是指：在开发过程中，当代码发生修改并保存后，浏览器无需刷新整个页面，仅更新修改的模块（如组件、样式、逻辑等），...

箭头函数与普通函数的二义性 “二义性”，其实是普通函数里一个很典型的问题 —— 正因为普通函数的 this 是动态绑定的，导致在不同调用场景下，this 指向可能 “模糊不...

sso单点登录的权限变更同步的三种核心方案（实时同步、半实时同步、被动同步） 一、实时同步：权限变更时主动通知子应用 核心逻辑：权限一旦变更，立即通过 “主动推送” 通知相...

用 “一家三口” 的家庭关系来类比，一眼就能懂： 静态属性：家里的 “户口本” 归属：属于整个家（对应构造函数 / 类），不是某个人的。 用法：只有提 “我们家” 时才用（...

要实现多窗口（或多标签页）数据实时同步（无需刷新），核心是利用 浏览器跨窗口通信能力 结合 状态管理，让一个窗口的数据变化实时通知到其他窗口。以下是具体实现方案，按「通用性...

什么是闭包&&举例 在编程中，闭包（Closure）  是指一个函数能够 “记住” 其定义时所处的作用域（即使该作用域已经销毁），并可以访问和操作该作用域中的变量。简单来说...

“函数式组件” 和 “异步组件” 是 Vue 中两种不同定位的组件形态，前者通过 “无状态、无实例” 精简渲染流程，后者通过 “按需加载” 减少初始资源体积，二者从不同维度...

分包是什么 “分包” 就是按 “使用时机” 和 “功能” 将代码分割成多个小文件，核心是 “按需加载”，解决传统单包模式下 “体积过大、加载慢” 的问题。 路由分包、组件分...

本文主要从以下几个方面入手： API请求、 状态管理、 工具函数 路由 包管理工具 一、整体设计：分层解耦，复用优先 核心思路是  “业务逻辑抽离为公共层，两端仅保留平台特...

一、什么是 visibilitychange 事件？ visibilitychange 是浏览器提供的原生事件，属于 Page Visibility API（页面可见性 A...

前言 前端项目里使用延时器是正常的，模仿一下异步操作，但是在复杂的业务场景下不建议使用，主要有两点，第一js是单线程，第二是官方提供的api足以解决各种执行队列。 你设置的...

图片在线引用和阿里图标文字的引用，打包后的路径更换，在不同的环境下有不同的作用。。。。。。。。。。。。...