前端基础

一、初识 AntV G6 AntV G6 是蚂蚁集团推出的专业级图可视化引擎，适合构建关系图谱、拓扑图、流程图等场景。相比其他图形库，G6 提供完整的布局算法 和交互体系 ，开发者在 10 分钟内即可

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

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

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

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

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

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

在前端开发中，DOM操作犹如一把双刃剑。一方面，它是实现页面交互和动态效果的关键手段；另一方面，若不加以谨慎使用，其背后隐藏的成本可能会对应用性能和用户体验造成严重影响。深入理解 DOM 操作的成本以

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

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

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

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

在前端开发领域，React 与 Vue 作为两款备受瞩目的框架，凭借独特的设计理念和技术架构，为开发者打造出截然不同的开发体验。React 的合成事件是其核心亮点之一，Vue 则采用了别具一格的事件处

在 React 框架的核心机制里，setState是实现动态交互与数据驱动视图更新的关键枢纽。深入理解setState的工作原理，尤其是其同步与异步的特性，对于编写高效、稳定且可预测的 React 应

一、引言 在如今的前端开发里，React 可是响当当的角色，是咱搭建用户界面的得力帮手。一碰到表单处理和用户输入交互这些事儿，受控组件和非受控组件就派上大用场了，它们就像是两种不一样的工具，各有各的厉

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

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