oldbo

1 什么是原型？ 1.1 定义 每个函数（Function） 都有一个 prototype 属性，这个属性是一个指针，指向一个对象，这个对象就是该函数的原型对象。 1.2 ...

前言 在写 JavaScript 代码时，我们常常会遇到一些“慢动作”任务，比如从服务器获取数据、读取文件或者等待用户操作，这些任务不能立刻完成，但又不能让整个程序停下来等...

一、底层原理 懒加载的核心思想是按需加载，将资源加载时机与用户行为绑定，主要基于以下技术实现： 1. 浏览器渲染机制 浏览器解析 HTML 时，遇到<img>、<scrip...

为什么需要“存储”？ 前端为什么要存储数据？ 前端（浏览器）是用户直接操作的地方，为了记住一些信息（比如登录状态、购物车内容），就需要把数据存在本地。 后端为什么要存储数据...

在现代前端开发中，与后端 API 交互是构建动态网页的重要组成部分。通过使用 JavaScript 的 fetch API，我们可以轻松地向服务器发送请求并处理响应数据。本...

JavaScript 的事件机制是前端交互的核心，它允许开发者监听用户行为（如点击、输入、滚动等）并作出响应。理解原生 JS 的事件模型对于写出高效、可维护的代码至关重要。...

CSS（层叠样式表）是网页设计中不可或缺的一部分，它通过选择器来定位 HTML 文档中的元素，并为这些元素定义样式。掌握 CSS 选择器是前端开发的核心技能之一。本文将从最...

前言 之前有讲过如何从0开始入门React，今天我们来进阶一下，学习React的钩子：useState、useEffect。本篇文章结合 原生JS 来讲解。 一、useSt...

什么是HTML语义化？ HTML语义化是指使用具有明确含义的HTML标签来描述页面内容，而不是仅仅依靠<div>和<span>这样的通用容器。语义化的HTML不仅有助于浏览...

在浏览器拓展的世界里，Chrome 扩展凭借其丰富的功能和强大的定制性，深受广大用户和开发者喜爱。今天，我将带领大家借助 Trae AI 的助力，开发一款名为 Hulk 的...

在硅谷，最近正流行着一股神秘又迷人的编程新风尚 —Vibe Coding。听到这个名字，你是不是脑海里瞬间浮现出 “氛围组” 几个大字？没错，它就像是编程界的 “氛围大师”...

弹性盒子（Flexbox）是现代 CSS 核心布局方案，通过容器与子项属性（如flex-shrink、flex-wrap）实现空间自适应分配。让我们来看看Flexbox 如...

本文为 React 入门指南，介绍 npm 与 Vite 开发工具，解析组件定义、类型及划分。阐述项目目录结构与模块化开发，讲解组件化思想及界面业务构成，助力开发者掌握 R...

前言 在 JavaScript 中，new 操作符是创建对象实例的重要方式。但你是否思考过 new 操作符背后的底层机制？本文将带你一步步手动实现 new 操作符，深入理解...

前言 在 JavaScript 的世界里，this 就像一个神秘的 “变色龙”，它的值会根据代码的调用方式、执行环境发生动态变化。无论是新手还是有经验的开发者，都可能在 t...

前言 在前端开发中，CSS 布局一直是困扰新手和进阶开发者的核心难题。当我们谈论布局时，"浮动" 与 "BFC" 这两个术语总是如影随形 —— 它们既是布局问题的 "制造者...

在这个 AIGC “横行霸道” 的时代，AI 那可真是越来越不把自己当 “外人”，啥事儿都敢揽，啥活儿都敢接！就说最近爆火的 Manus，简直就是 AI 界的 “超级英雄”...

当蓝湖遇见电商交互 本次项目以品牌色红色为视觉锚点，结合蓝湖 AI 的智能设计能力，打造一款兼具视觉冲击力与操作流畅度的电商网站设计图...

本文以拟人化对话形式解析 JavaScript 作用域机制，介绍代码执行前的编译三阶段，区分 LHS与 RHS规则，通过具体代码示例演示作用域链逐层查找变量的过程，说明不同...

一、词法作用域 1.1词法阶段 词法化：上一篇文章介绍过，大部分标准语言编译器的第一个工作阶段叫做词法化（单词化）。 词法作用域：定义在词法阶段的作用域。 让我们看看一段代...