源本科技 | 码上会

学习目标 掌握 JSON 支持的六种核心数据类型及其语法规则。 区分简单数据类型（原始类型）与复杂数据类型（结构化类型）。 理解 JSON 字符串中特殊字符的转义机制及数字格式的严格限制。 学会构建嵌套的 JSON 对象和数组，处理层级化数据。 明确 null 在 JSON 中的特定含义，区别于 J

学习目标 理解 JSON（JavaScript Object Notation）的定义、语法限制及其在数据交换中的核心作用。 掌握 JavaScript 对象的特性，包括其灵活的数据类型支持和方法定义能力。 清晰辨析 JSON 与 JavaScript 对象在语法、数据类型、功能及用途上的关键差异。

学习目标 理解 async 和 await 的核心概念，学会编写类同步风格的异步代码。 掌握 async 函数的特性：始终返回 Promise 以及自动包装非 Promise 返回值。 熟练使用 await 关键字暂停执行以等待 Promise 结算，消除回调嵌套。 运用 try...catch 块

学习目标 理解 Promise 的三种状态（Pending, Fulfilled, Rejected）及其生命周期。 掌握 Promise 的核心语法，包括 new Promise、.then()、.catch() 和 .finally()。 熟练运用高级组合方法（all, allSettled,

学习目标 掌握回调函数的核心定义、执行时机及其在 JavaScript 中的传递方式。 理解回调函数在异步操作（如定时器、API 请求）和事件处理中的关键作用。 识别“回调地狱”(Callback Hell) 的形成原因及其对代码可维护性的影响。 了解现代异步解决方案（Promises 和 Asyn

学习目标 理解 DOM（文档对象模型）的树状逻辑结构及其在网页脚本交互中的核心作用。 掌握 JavaScript 事件的基本概念，包括事件传播机制（冒泡）及绑定方式。 熟练运用窗口事件、鼠标事件和键盘事件响应用户操作。 学会结合 DOM 操作与事件监听，实现动态修改页面样式和内容的交互功能。 DOM

学习目标 深入理解 innerHTML 与 textContent 的区别及应用场景，安全地修改页面内容。 熟练掌握 classList API 进行类名管理，实现动态样式切换与动画控制。 学会使用 JavaScript 直接操作 CSS 样式及 HTML 属性（包括自定义 data 属性）。 掌握

学习目标 理解 DOM（文档对象模型）的树状结构及其在网页动态交互中的核心作用。 掌握多种获取 DOM 元素的方法（如 getElementById, querySelector 等）及其适用场景。 学会动态修改页面内容、属性及结构，实现无刷新更新。 熟练运用事件监听机制处理用户交互，并掌握 DOM

学习目标 掌握 BOM 的核心概念及其与 DOM 的区别，理解其在浏览器交互中的作用。 熟练运用 window、navigator、location、screen 和 history 对象进行浏览器控制。 学会利用 BOM 特性实现动态 URL 管理、历史记录导航及响应式布局适配。 理解浏览器窗口控

学习目标 掌握 移动优先 (Mobile First) 的设计哲学，理解为何默认样式服务于小屏幕。 熟记 Tailwind CSS 的 5 个默认断点 (sm, md, lg, xl, 2xl) 及其对应的最小宽度像素值。 学会使用 断点前缀 (如 md:flex, lg:w-1/2) 在特定屏幕尺