qq_35693377的博客

跨域问题是指浏览器执行的 JavaScript 代码试图通过 XMLHttpRequest 或 Fetch API 等方式向不同域（协议、主机、端口）的服务器发起请求时所遇到的限制。在服务器之间通信的情况下，由于没有浏览器的参与，跨域问题并不会存在。服务器可以自由地与其他服务器进行通信，无需考虑同源策略的限制。

Ajax（Asynchronous JavaScript and XML）是一种使用 JavaScript 向服务器发送和接收数据的技术。Ajax 的工作原理基于以下关键组件：XMLHttpRequest 对象：XMLHttpRequest 是浏览器提供的 API，用于创建 HTTP 请求，并与服务器进行通信。通过 XMLHttpRequest 对象，您可以发送请求（例如 GET、POST、PUT、DELETE 等），并接收响应数据。事件监听器：Ajax 使用事件监听器来处理异步请求的状态变化。

【代码】vue的导入。

目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。当用户在应用中进行导航时，Vue Router 可以通过改变 URL 来反映当前的应用状态。vue的router，就是当用户做出修改后，改变了url，但是由浏览器的本地js处理，不向服务器请求页面在Vue Router中，路由组件是指根据 URL 的不同路径来决定渲染哪个组件的一种特殊类型的组件。

app.mount(‘#app’): 最后，使用app.mount方法将Vue应用挂载到DOM元素上。'#app’是挂载点的选择器，表示Vue应用将被挂载到具有id="app"的DOM元素上。app.use(createPinia()): 使用createPinia函数创建了Pinia的实例，并通过app.use方法将Pinia插件注册到Vue应用中。Pinia是一个Vue状态管理库，用于管理全局状态。div的id为app，在script的引入文件中，将vue实例将被挂载到这个id为app的div元素上。

HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。方法是您能够执行的动作（比如添加或修改元素）。属性是您能够获取或设置的值（比如节点的名称或内容）。

在 Vue.js 中，"状态"通常指的是应用程序的数据状态，即应用程序的当前数据情况。Vue.js 强调了响应式数据驱动的概念，其中状态是被监视的数据，当状态发生变化时，相关的视图会自动更新。在 Vue.js 应用中，store 通常指的是 Vuex，这是 Vue.js 官方的状态管理库。在 Vue.js 单页应用中，通常有一个根组件（root component），它包含应用程序的整体结构，并且通过 Vue Router 等工具实现不同视图之间的切换，而不需要重新加载整个页面。

解析 HTML： 浏览器首先会通过网络请求获取HTML文件，然后解析HTML文件以构建DOM（文档对象模型）树。解析的过程包括识别HTML标记，构建元素和节点，解析属性等。构建 DOM 树： 浏览器引擎将解析得到的 HTML 转换成一个 DOM 树，DOM 树是浏览器内部表示文档结构的一种数据结构。这个树形结构包含了HTML中的元素、文本节点等。构建 CSSOM 树： 同时，浏览器还会构建CSS对象模型（CSSOM）树，它表示样式信息，包括样式规则、选择器和对应的样式属性。

node_modules文件夹是node的依赖文件夹，由npm管理。package-lock.yaml或者pnpm-lock.yaml是依赖版本锁定文件，锁定了引入依赖的版本。

在 HTML 中，内联元素（Inline Element）是指在一行内显示的元素，不会独占一行。相比之下，块级元素（Block Element）会独占一行，与其他元素换行显示。在 HTML 中，<span> 标签用于定义内联元素的容器，可以将其用于包裹文本、图像、按钮等内联元素，以进行样式控制和脚本处理。<span> 标签与 <div> 标签类似，但不同的是，<div> 标签用于定义块级元素的容器，而 <span> 标签用于定义内联元素的容器。

微任务：通常是用于处理Promise的回调函数（Promise的then和catch方法）。异步任务（宏任务）：是由浏览器环境提供的任务，包括整体代码块，定时器，事件监听器，AJAX请求回调等。如果遇到异步任务，就将其添加到异步任务队列中。Promise有等待，已成功，失败，三种状态，状态的改变会触发then回调函数和catch回调函数。通过js 的事件循环机制，从而执行promise以及DOM事件，Ajax请求，而不会阻塞。当Promise的状态发生改变后，相应的回调函数会被放入微任务队列。