60、前端与后端：JavaScript 全栈开发指南

前端与后端：JavaScript 全栈开发指南

1. 客户端 JavaScript 编程基础

客户端 JavaScript 编程涵盖了多个重要方面，以下是其核心内容：
- 脚本与模块 ：了解如何将脚本和 JavaScript 模块嵌入网页，以及它们的执行方式和时机。
- 异步编程模型 ：客户端 JavaScript 采用异步、事件驱动的编程模型。
- 文档对象模型（DOM） ：这是客户端 JavaScript 编程的核心，允许代码检查和修改嵌入文档的 HTML 内容。
- CSS 样式操作 ：JavaScript 可以操作应用于文档内容的 CSS 样式。
- 元素坐标获取 ：能够获取文档元素在浏览器窗口和文档内的坐标。
- Web 组件创建 ：使用自定义元素和 Shadow DOM API，结合 JavaScript、HTML 和 CSS 创建可复用的 UI 组件。
- 图形显示与生成 ：通过 SVG 和 HTML <canvas> 元素显示和动态生成图形。例如：

canvas.style.height = "100%";  // 设置 canvas 高度与 body 相同
new MandelbrotCanvas(canvas);  // 开始在 canva