前端基础

Vue.js 是当今前端开发中最受欢迎的框架之一。随着 Vue 3 的发布，它在性能优化、开发体验、响应式系统、构建工具和热更新等多个方面都带来了巨大提升。本文将深入剖析 Vue 3 的进化，包括其

一、前端视角下的 GPU 加速 1. CPU 与 GPU 的协作模式 在前端渲染流程中，GPU 加速通过硬件并行计算能力显著提升图形处理效率。传统浏览器渲染依赖 CPU 处理 DOM 解析、样式计算和

一、设计哲学与底层原理差异 1.1 响应式系统的基因差异 Vue3 的 Composition API 建立在 Proxy-based 响应式系统之上，通过劫持对象的 getter/setter 实现

在前端开发的复杂生态中，保障代码质量与规范性是构建稳健、可维护项目的基石。ESLint 作为一款强大的代码检查工具，其默认规则与插件能满足多数常见需求，但面对特定团队规范或项目独特要求，自定义 ESL

在网页开发领域，一个常见的疑问是 CSS 是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。 浏览器渲染网页的基本流程 浏览器

网络安全至关重要，它保护着我们的个人信息和网站的正常运行。XSS和CSRF是两种常见且危险的网络威胁，它常常困扰着我们，而你又了解多少呢？ 一、XSS 攻击深度剖析 （一）概念溯源与攻击本质 XSS，

在互联网时代，我们每天都在通过浏览器访问各种网站，获取信息、进行社交、购物娱乐等。然而，在这看似便捷的网络交互背后，却隐藏着一种威胁 ——DNS 劫持。DNS 劫持就像一个隐形的 “网络小偷”，悄然改

在享受 React Hooks 带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。本文将深入探讨顺序调用对 React Hooks 的重要性，并结合常见的缺陷，通过具

1. 引言 在前端开发中，尤其是构建大型应用时，组件之间的通信变得非常复杂。为了实现组件之间的解耦，我们通常会采用事件驱动的方式。Event Emitter机制就是通过集中管理和分发事件来解耦生产者（

一、引言 在编程领域，if - else 语句我们再熟悉不过了。它简单易用，是构建程序逻辑的常用方式。可一旦业务变得复杂起来，大量嵌套的 if - else 代码就会像乱麻一样，把代码的可读性、可维护

一.什么是Promise？ 1.1 理解 Promise 是一门新的技术(ES6 规范)，是 JS 中进行异步编程的新解决方案（旧方案是单纯使用回调函数，容易形成回调地狱） 常见异步操作：①fs 文件

1. 作用域 对于多数编程语言，最基本的功能就是能够存储变量当中的值、并且允许我们对这个变量的值进行访问和修改。那么有了变量之后，应该把它放在哪里、程序如何找到它们？是否需要提前约定好一套存储变量、访

通俗来说，变量提升是指在 JavaScript 代码执行过程中，JavaScript 引擎把变量的声明部分和函数的声明部分提升到代码开头的行为。变量被提升后，会给变量设置默认值为 undefined。

执行上下文 js在执行代码之前，需要经过一系列的“准备”，这被称为执行上下文，其包含词法环境*和this** 。所有的 js 代码在运行时都是在执行上下文中进行的，每创建一个执行上下文，就会将当前执行

一、基本概念 为什么需要解构呢，先来看一个例子： 为什么需要解构呢，先来看一个例子： 这样写也能实现预期效果，但是代码看起来比较冗余。并且，如果对象内部嵌套较深时，那么对象的访问链就会变得很长。虽然这

原型： 每个函数都有prototype属性，该属性指向原型对象。 使用原型对象的好处是所有对象实例共享它所包含的属性和方法。 原型链： 访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会沿着

实现继承的方式有很多，下面我们来写常用的几种（包括但不限于原型链继承、构造函数继承、组合继承、寄生组合继承、ES6继承）： 原型链继承 原型链继承通过修改子类的原型为父类的实例，从而实现子类可以访问到

一、数组基础 1. 数组概述 数组用于在单一变量中存储多个值，数组中每个槽位可以存储任意类型的数据。除此之外，ECMAScript数组的长度也是动态的，会随着数据的增删而改变。 数组是被等分为许多小块

一、JSON 结构和语法 JSON 易于编写和阅读，并且易于在大多数语言使用的数据结构之间进行转换。下面看一下 JSON 对象的组成、JSON 支持的数据类型以及这种数据格式语法的其他细节。 1. 结