面试必问:为什么Promise比setTimeout先执行
一、 进程与线程 在聊事件循环机制之前，我们先来聊一下进程与线程，这样有助于我们更好地理解事件循环机制。 1.进程与线程的基本概念 1.进程 定义 ：进程是操作系统分配资源（如内存、CPU）的基本单位，每个进程独立运行且拥有独立的内存空间 前端场景 ：浏览器中每个标签页通常对应一个独立的 渲染进程 ，负责HTML、CSS、JavaScript的解析和页面渲染。 特点 ：进程间严格隔离，一个崩溃不会影响其他进程（如Chrome崩溃的标签页...
vue3源码解析：ref原理
今天我们来看看 ref 的具体实现。ref 是 Vue 3 中最基础的响应式 API 之一，它可以将任何值转换为响应式对象。 实例引入 首先通过一个例子来看看 ref 的用法: 这个例子展示了 ref 的基本使用: 1. 通过 ref() 创建响应式引用 2. 通过 .value 访问和修改值 3. 在模板中会自动解包,不需要 .value 核心数据结构 下面通过源码来看看 ref 的核心数据结构和方法: 1\. 类型系统设计 首先看看...
Vue依赖收集机制
Vue响应式系统的核心问题 当我们修改Vue组件中的数据时，视图会自动更新——这看似神奇的背后，是Vue强大的 响应式系统 在发挥作用。而这个系统的核心，正是 依赖收集机制 。本文将深入探索Vue是如何追踪数据变化并高效更新DOM的。 1\. Vue响应式基础：三个核心概念 1.1 响应式数据对象（Reactive Data） Vue通过 （Vue 2）或 （Vue 3）将普通JS对象转换为响应式对象： 1.2 依赖收集器（Dep） 每...
一文搞懂XSS漏洞
XSS漏洞可是网络安全不能忽视的“危险分子”，今天，咱们就从浅入深，全面了解一下XSS漏洞。 一、XSS漏洞是什么？怎么产生的？ 跨站脚本攻击，也就是我们常说的XSS漏洞。简单来讲，当应用程序把用户提交的数据，原封不动地发送到浏览器页面，却没有对这些数据进行合适的验证或者转义处理时，就给了XSS漏洞可乘之机。 浏览器有个同源策略，它就像一扇保护门，能保证只有发布Cookie的网站才能读取该网站的Cookie，以此来保护用户的隐私和安全。...
移动端点击 300ms 延迟怎么解决
原因 ： 旧版 iOS 需要 双击放大 ，所以首次点击后会等待 300ms 判断用户是否 双击 。 📌 解决方案 ： 1. 使用 （适用于旧版浏览器） 2. CSS 方案 （适用于现代浏览器） 3. 临时禁用点击
sendBeacon 了解一下
在前端开发中，我们经常需要在用户离开页面时上报日志或统计数据。然而，传统的 AJAX 异步请求往往在页面卸载时被浏览器忽略，这意味着用户可能刚一关闭标签页，我们还没来得及把埋点数据发出去就失败了。为了解决这个问题，HTML5 引入了 方法。简单来说，这个方法可以让浏览器在 页面即将卸载 时悄悄地把少量数据通过 请求发送给服务器，而不会影响后续页面加载。 sendBeacon 是什么，为什么要用？ 是浏览器提供的一个接口，用于在后台 异步...
react面试题
面试官问题： 引起 react 组件重新渲染的常见原因有哪些？ 答：重新渲染一般有如下几个原因 1. useState 中的 state 发生了更新 2. 父组件发生了更新 3. props 发生了更新 4. 订阅了 useContext，并且 context 的数据发生了更新 我们再来一一分析 一、State 发生更新 这是比较经典的场景了 当点击加一时，可以观察到控制台的打印 到这还算简单，注意听，面试官...
说说你对 Vue 中异步组件的理解
在 Vue 中， 异步组件 是指那些在需要时才加载的组件，而不是在应用初始化时就立即加载。这种机制可以显著提升页面加载速度和用户体验，尤其是在大型单页应用（SPA）中，通过懒加载的方式按需加载组件，避免不必要的资源浪费。 1\. 异步组件的基本概念 异步组件是在首次访问某个组件时，才通过网络请求或其他方式动态加载的组件。它允许将某些不常用的功能模块延迟加载，只有在用户触发相应操作时才加载相应的组件，从而优化性能。 2\. 在 Vue 中...
JavaScript 之 this指向
每当提到 JavaScript 的 关键字，许多开发者都会感到头痛。它似乎总是以出乎意料的方式工作，让人捉摸不透。但事实上，一旦你理解了 的行为，一切都会变得清晰起来。 的基本概念 在 JavaScript 中是一个特殊的关键字，它代表的是函数执行上下文中的“当前对象”。然而， 的指向并不是固定的，它取决于函数是如何被调用的。这一点在 ECMAScript 规范中有详细的定义： 并且，如果你不了解它的运作机制，有时就会出现一些你认为的莫...