第45课：JavaScript 数据类型（下）——null、undefined、symbol、bigint、Object上一节课我们学习了 string、number 和 boolean 三种最常用的原始类型。本节课将覆盖剩余的全部内置类型：null 和 undefined 这一对容易混淆的“空值”、symbol（唯一标识符）、bigint（任意精度整数），以及 JavaScript 中最核心的复合类型——Object 的基础语法。理解这些类型的语义、行为差异和适用场景，是写出健壮、无 Bug 代码的必修课。
1. null 与 undefined：两种“空”的语义null 和 und...
第44课：JavaScript 数据类型（上）——string、number、boolean 与类型转换JavaScript 有七种原始类型和一种对象类型。原始类型是不可变的、按值传递的；对象类型是可变的、按引用传递的。本节课聚焦于三种最基础、使用频率最高的原始类型——字符串（string）、数值（number） 和布尔值（boolean）。你将学习它们的字面量语法、常见操作、边界情况与陷阱，以及 JavaScript 中灵活且容易出错的显式与隐式类型转换机制。这是理解 == vs ===、表单输入处理、API 数据格式化等实际问题的前提。
1. string 类型：文本的表示与操作字...
第43课：JavaScript 语法基础与变量——var、let、const、提升与暂时性死区JavaScript 的变量声明有三种关键字：var、let 和 const。表面上它们都是用来创建变量，但在作用域、提升行为、重复声明和可变性上存在本质差异。不理解这些差异，就会写出变量污染、意外覆盖、引用错误等难以调试的 Bug。本节课将逐一拆解三者的语法特性、底层机制（如创建阶段的提升和执行阶段的赋值），并建立正确的变量命名规范，为后续的函数、闭包、模块化学习打下坚实的语法基础。
1. var 关键字：函数作用域与变量提升var 是 ES5 及之前唯一的变量声明方式，它有两个核心特征：函...
第42课：Angular Material 集成——模块导入、主题、CDK、响应式布局Angular Material 是 Angular 团队官方维护的 UI 组件库，严格遵循 Material Design 3 规范。与 MUI（React）和 Element Plus（Vue）不同，Angular Material 深度集成 Angular 的模块系统、依赖注入和响应式编程模型。它的独特之处在于将核心交互逻辑抽象为独立的 CDK（Component Dev Kit） 层，允许开发者在不使用 Material 样式的情况下复用复杂交互（拖拽、虚拟滚动、覆盖层等）。本节课将系统讲解 A...
第41课：Material UI (MUI) 基础——主题提供者、sx prop、样式覆盖Material UI（简称 MUI）是 React 生态中最流行的 UI 组件库之一，基于 Google 的 Material Design 设计规范。与 Ant Design 的企业级风格和 Element Plus 的 Vue 生态不同，MUI 的特色在于极高的可定制性和对 Material Design 的忠实还原。它的样式系统允许你在组件级、主题级、甚至全局 CSS 级进行精细控制。本节课将聚焦 MUI 的三大核心机制：ThemeProvider 主题系统、**sx prop 快速样式属性...
第40课：Ant Design 高级组件——ProTable、ProFormAnt Design 的标准组件已经覆盖了大部分 UI 需求，但在企业级后台场景中，表格和表单往往需要查询筛选、分页加载、行内编辑、批量操作等复合功能。Ant Design Pro 组件库（@ant-design/pro-components）在标准组件之上封装了两大核心组件：ProTable——将表格、查询表单、分页、工具栏融为一体的“超级表格”；ProForm——将表单布局、验证、提交、数据转换整合为声明式 JSON 配置的“智能表单”。本节课将分别深入这两个组件的核心 API 和实战模式。
1. ProT...
第39课：Ant Design (React) 体系——设计语言、ConfigProvider、国际化、主题算法Ant Design 是蚂蚁集团开源的企业级 UI 设计语言和 React 组件库。与 Bootstrap 的“组件化 CSS”和 Element Plus 的“Vue 原生集成”不同，Ant Design 的核心是一套完整的设计体系——从色彩、字体、阴影到动画、交互规范，全部被抽象为可编程的设计令牌（Design Tokens）。本节课将深入 Ant Design 的设计价值观、全局配置组件 ConfigProvider 的工作原理、国际化的配置方式，以及 Ant Desig...
第38课：Element Plus 核心组件——表格、表单、弹窗、消息提示、上传Element Plus 提供了超过 80 个高质量组件，其中 表格（Table）、表单（Form）、弹窗（Dialog）、消息提示（Message） 和 上传（Upload） 是后台管理系统中最常用的五大核心组件。掌握它们的配置、数据绑定、事件处理和常见组合模式，能覆盖 80% 以上的后台页面需求。本节课将逐一拆解每个组件的关键属性和用法，并通过一个完整的 CRUD 用户管理页面 综合示例，展示如何将这些组件串联为可工作的业务模块。
1. 表格（Table）——数据展示与操作的核心<el-table...
第37课：Element Plus (Vue 3) 入门——安装、按需引入、全局配置、主题定制Element Plus 是 Vue 3 生态中最主流的企业级 UI 组件库，基于 TypeScript 编写，提供了超过 80 个高质量组件。对于从 Vue 2 + Element UI 迁移的开发者，Element Plus 保持了相似的 API 设计，同时深度整合了 Vue 3 的 Composition API。本节课将覆盖 Element Plus 的三种安装与引入方式、全局配置机制、以及主题定制的两种策略（CSS 变量和 SCSS 变量），帮助你为 Vue 3 项目构建一致、高效的 ...
第36课：Tailwind CSS 组件化实践——提取组件、复用样式、与框架集成前三节课我们学习了 Tailwind CSS 的设计哲学、配置文件以及布局工具类体系。原子类带来了极高的灵活性和一致性，但当一个视觉模式在项目中反复出现时（比如相同的按钮样式出现在十几个页面），逐页复制粘贴一长串类名就会成为维护噩梦——改一个颜色需要全局查找替换。本节课将解决这一核心矛盾：如何在保持 Tailwind 原子化优势的同时，有效管理和复用重复的样式模式。我们将涵盖模板循环、组件封装、@apply 的适当使用，以及在 React 和 Vue 中的最佳集成方式。
1. 复用的层次：从模板循环到组件封...
