JavaScript 是一门多范式编程语言，是 Web 开发的三大核心技术之一（HTML + CSS + JavaScript）。

基本信息

• 类型：高级、动态、解释型语言
• 数据类型：7 种原始类型（undefined, null, boolean, string, number, symbol, bigint）+ object
• 运行时：浏览器、V8 引擎、Node.js

核心知识点

TypeScript 是 JavaScript 的超集，添加了静态类型系统和面向对象特性，广泛用于大型前端项目。

与 JavaScript 的关系

• TypeScript 代码需编译为 JavaScript 运行
• 所有 JavaScript 代码都是合法的 TypeScript 代码（可选类型标注）
• Vue3 全面采用 TypeScript 重写

核心特性

• 静态类型（编译时检查）
• 接口（Interface）与类型别名（Type Alias）
• 泛型（Generics）
• 装饰器（Decorators）

Vue.js 是一款渐进式 JavaScript 框架，用于构建单页应用（SPA）和 Web 界面。博客同时记录了 Vue2 和 Vue3 的学习内容。

Vue2 vs Vue3

特性	Vue2	Vue3
响应式原理	Object.defineProperty	Proxy
API 风格	Options API	Composition API
打包大小	基准	减少 41%
初始渲染速度	基准	快 55%
多根节点	不支持	支持 (Fragment)
状态管理	Vuex	Pinia（推荐）

Web 开发是互联网应用构建的实践领域，涵盖前端、后端、网络协议等多个方面。

技术栈

前端

• HTML / CSS / JavaScript
• 框架：[[../entities/Vue.md]]、React、Angular
• 构建工具：Vite、Webpack

通信协议

• HTTP/HTTPS — Web 基础协议
• DNS — 域名解析
• TCP/IP — 传输控制协议
• 参考：[[../entities/Computer_Network.md]]

本目录对应 docs/learningNote/JSNote/，收录 JavaScript/ES6+ 语言核心知识点笔记。

涵盖主题

数据类型与 API

• Symbol — ES6 引入的第七种原始数据类型，表示独一无二的值，不可使用 new 关键字创建
• Array.reduce() — 数组内置方法，用于将数组元素按顺序累加为单个值，支持 InitialValue

函数与高级概念

本目录对应 docs/learningNote/TypeScriptNote/，以学习日期分章节（第一天～第五天），涵盖 TypeScript 入门与进阶内容。

主要内容

• TypeScript 类型基础（静态类型、类型注解、类型推断）
• 接口（Interface）与类型别名（Type Alias）
• 泛型（Generics）
• 高级类型（联合类型、交叉类型、映射类型）
• 装饰器（Decorators）
• TypeScript 在 Vue3 中的应用

本目录对应 docs/learningNote/vueNote/，包含 Vue2 和 Vue3 的学习笔记。

Vue3 新特性

• 性能提升 — 打包体积减少 41%，初次渲染快 55%
• Composition API — 组合式 API，逻辑复用更强
• 数据响应式重写 — Proxy 替代 Object.defineProperty，支持嵌套对象和数组
• 新组件 — Fragment、Teleport、Suspense
• 更好的 TypeScript 支持
• Vite — 新一代构建工具