半截诗的博客~

就其核心而言，HTML 是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。本模块将介绍前两个用途，并且介绍一些 HTML 的基本概念和语法。前言尽管你无需事先拥有任何 HTML 相关知识以学习该模块，你仍至少需要熟悉一些使用电脑的基础知识，并会被动地使用网络（也就是看着它，浏览内容）。你需要配置基础的开

CSS(Cascading Style Sheet)，层叠样式表, ⽤于控制⻚⾯的样式.CSS 能够对⽹⻚中元素位置的排版进⾏像素级精确控制, 实现美化⻚⾯的效果. 能够做到⻚⾯的样式和结构分离.CSS 可以理解为"东⽅四⼤邪术" 之化妆术.对⻚⾯的展⽰进⾏"化妆"内部样式会出现⼤量的代码冗余, 不⽅便后期的维护，所以不常⽤.

Flexbox是一种一维布局模型，适用于一行或一列的元素排列。它的设计初衷是用来分配一个容器中的可用空间，并对其子元素进行对齐。与传统的布局方式（如浮动布局、定位布局）相比，Flexbox具有更强的灵活性和适应性。2. Flexbox的基本概念在Flexbox布局中，涉及以下两个主要部分：容器 (Container)：使用 display: flex; 或 display: inline-flex; 定义的父元素，称为Flex容器。项目 (Items)

JavaScript (简称 JS)，是世界上最流行的编程语言之一- **是一个脚本语言, 通过解释器运行**- **主要在客户端(浏览器)上运行, 现在也可以基于 node.js 在服务器端运行.** JavaScript 最初只是为了完成简单的表单验证(验证数据合法性), 结果后来不小心就火了. 当前 JavaScript 已经成为了一个通用的编程语言JavaScript 的能做的事情: - **网页开发(更复杂的特效和用户交互)**- **网页游戏开发**

前面学习的 JS 分成三个大的部分ECMAScript: 基础语法部分DOM API: 操作页面结构BOM API: 操作浏览器WebAPI 就包含了 DOM + BOM. 这个是 W3C 组织规定的. (和制定 ECMAScript 标准的大佬们不是一伙人).前面学的 JS 基础语法主要学的是 ECMAScript, 这让我们建立基本的编程思维. 相当于练武需要先扎马步. 但是真正来写一个更加复杂的有交互式的页面, 还需要 WebAPI 的支持. 相当于各种招式.

浏览器对象模型（BOM）为JavaScript提供了与浏览器对话的能力。尽管BOM没有正式的标准，但现代浏览器已经实现了相同的JavaScript交互方法和属性。BOM提供了一组对象，用于操作浏览器窗口、导航历史记录、获取浏览器和屏幕信息等。BOM使JavaScript能够与浏览器进行交互，而不仅仅是操作网页内容。Window：代表整个浏览器窗口，也是JavaScript全局对象的代名词。Navigator：提供有关浏览器的信息，如用户代理、浏览器版本等。Location。

原⽣的JavaScript提供的API操作DOM元素时, 代码⽐较繁琐, 冗⻓. 我们可以使⽤JQuery来操作⻚⾯对象.jQuery是⼀个快速、简洁且功能丰富的JavaScript框架, 于2006年发布. 它封装JavaScript常⽤的功能代码, 提供了简洁⽽强⼤的选择器和DOM操作⽅法. 使⽤JQuery可以轻松地选择和操作HTML元素，从⽽减少了开发⼈员编写的代码量，提⾼了开发效率,