JSON字符串与JS对象的相互转化

DOM树（原来整个网页其实一个树！）

![[Pasted image 20241221192036.png]] - DOM的核心思想：将网页的内容当做对象来处理，标签的所有属性在该对象上都可以找到，并且修改这个对象的属性，就会自动映射到标签身上。 - document对象 - 网页中所有内容都封装在document对象中 - 它提供的属性和方法都是用来访问和操作网页内容的，如：document.write(…) - DOM操作步骤: - 获取DOM元素对象 - 操作DOM对象的属性或方法 - 我们可以通过如下两种方式来获取DOM元素。

JS事件监听

什么是事件呢？HTML事件是发生在HTML元素上的 “事情”，例如： - 按钮被点击 - 鼠标移到元素上 - 输入框失去焦点 - 按下键盘按键

JS事件监听的语法:

在上述的语法中包含三个要素:

• 事件源: 哪个dom元素触发了事件, 要获取dom元素

• 事件类型: 用什么方式触发, 比如: 鼠标单击 click, 鼠标经过 mouseover

• 要执行的函数: 要做什么事

![[Pasted image 20241221194342.png]]

Vue

Vue（读音 /vjuː /, 类似于 view），是一款用于构建用户界面的渐进式的JavaScript框架

[!note] reflection 像是一种更加简洁快速达到js效果的指令

黑马文档

Ajax

Ajax: 全称Asynchronous JavaScript And XML，异步的JavaScript和XML - 与服务器进行数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 - 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等。 XML：（英语：Extensible Markup Language）可扩展标记语言，本质是一种数据格式，可以用来存储复杂的数据结构。

Axios

Axios是对原生的AJAX进行封装，简化书写 引入：

不是很理解，这一块，我先往后推再回头想一下

下面是DAY2HW3的vue与axios部分

代码起码还是得自己敲一遍，不然会想不明白，或者以为自己懂了