LeonNo11的博客

变化并作出相应的计算或操作。但两者的适用场景不同，以下是它们的详细对比。（监听）都是响应式数据的处理方式，它们可以用于监听。计算出来的数据依赖于异步请求返回的结果，而。，可以让 Vue 应用更高效、易维护。可以监听异步数据更新后，通知。，例如字符串拼接、数组过滤等。（如在数据变化后请求服务器）。，只有依赖变更时才计算一次。，甚至是对象的某个属性变化。在 Vue 开发中，

你的问题是，但，可能会导致数据未准备好时 mounted 代码执行，造成逻辑错误或 UI 显示问题。undefinedwatch：在mounted阶段，监听 computed 计算的值，等它有数据后再执行逻辑。undefinedmounted：不要在 computed 里直接请求接口，而是在mounted中请求数据，并手动更新computed依赖的变量。：如果使用，可以让setup里的异步逻辑完成后再渲染组件。computedcomputed💡watchmounted在mounted中使用。

computed 依赖的接口数据未返回，导致 mounted 读取 computed 为空。生命周期钩子函数可以在不同阶段执行代码，例如 DOM 操作、数据获取等。：Vue 虚拟 DOM 已生成，但还未挂载到真实 DOM。Vue 组件从创建到销毁，会经历一系列过程，称为。直接修改 DOM，可能 Vue 还未完成渲染。绑定事件，但组件销毁后未清理，导致内存泄露。：真实 DOM 挂载完成，可以安全地使用。确保 Vue DOM 更新完成。：DOM 还未生成，不能使用。

DOM（Document Object Model）是浏览器提供的 API，它将 HTML 或 XML 文档解析成。，让 JavaScript 可以动态访问和修改网页内容。，JavaScript 可以操作这些节点来修改页面内容。适用于动态创建的元素，避免给每个子元素单独绑定事件。，掌握这些方法，可以实现大部分网页交互功能。，其中每个 HTML 元素都是一个。| 整个 HTML 文档 || 节点类型 | 描述 || HTML 标签（如。| HTML 注释（如。| 元素内部的文本 |

这些概念对于理解 JavaScript 的异步执行至关重要！JavaScript 是。

npm的仓库配置proxy=//prefix=//

在 Angular 中，polyfills-iui.ts 文件（或类似的 polyfills 文件）用于**填充（polyfill）**现代浏览器中的某些功能，以便支持旧版浏览器或环境。在 Angular 项目中，angular.json 文件是项目的核心配置文件，它定义了 Angular CLI 的各种构建和开发任务的行为以及项目的结构。通过 polyfills-iui.ts，项目可以确保在目标运行环境（例如老旧的浏览器或特定平台）中功能正常。1、最外层是根目录，是公用的编译设置，其它的文件会继承它。

掌握这些核心概念和操作，你将能够高效地使用。来增强你的Web应用的用户体验。

项目中发现，img标签中写src，读取一个png图片，只有16kb，速度特别慢。解决办法，将图片转为base64，然后读取，速度特别快17ms就解决。定义：base64是一种基于64个可打印字符(A-Z、a-z、0-9、+、/)来表示二进制数据的表示方法,末尾用=做后缀。

text-align 属性用于控制文本在其父元素内的水平对齐方式，但它只对块级元素内的内联元素有效。布局规则：这些 Flex 项目会根据 Flex 布局的规则进行排列和对齐，例如 justify-content、align-items 等属性会影响它们的布局。在使用 Flex 布局时，盒子中的子元素（如 span）会自动成为 Flex 项目，并参与 Flex 布局的计算。时，它会变成一个 Flex 容器。Flex 项目：Flex 容器内的所有直接子元素都会自动成为 Flex 项目，

vertical-align: 元素所在一行垂直方向的对齐，谁小的谁动！父元素中的子元素，只能控制行内元素！盒子模型中，父子元素通过overflow来控制避免子元素的margin覆盖父元素！/*给父元素设置font-size为0即可*/overflow属性，元素超过边界的时候行为。img图片，是行内元素，高度和宽度会自适应。继承过来的样式是优先级最低的！设置元素的上外边距和下外边距为0。块元素中行内元素水平垂直居中，/*和一行的元素垂直对齐*//*和一行的元素垂直对齐*/行内元素和行内块元素之间！

例如，在一个段落中，如果只增加字体大小而不调整 line-height，可能会导致行间距过紧，影响阅读体验。反之，如果只调整 line-height 而不改变字体大小，则可以改善行间距而不改变字符本身的大小。div flex下面有一个img，一个span（16px），div的height=40px，现在需要两个元素居中对齐，如何实现?2、文字不会居中，因为问题是16px，它会占据在上方，这个时候设置line-height=父div的高度即可。问题：font-size和line-height的关系。

比如，遇到菜单收齐和折叠，会影响其它元素的位置也随之移动，效果很不好，解决发难就是添加position=fixed，结合left，right，top，bottom来控制位置。

是 JavaScript 中的一个方法，它用于重新加载当前页面。当你调用这个方法时，浏览器会重新加载当前页面的资源，就像用户点击了浏览器的刷新按钮一样。

行内元素默认情况下不能设置宽度（width）和高度（height），因为它们是按照内容的大小自然地流式布局的。

在HTML和CSS中，元素根据其被分为行内元素（inline elements）和块级元素（block-level elements）。

text-align = center，可以实现居中对齐。设置行高line-height = 0。

ts模块怎么导入env变量怎么获取。

的主要优点之一是它可以帮助你在不全局安装包的情况下运行包中的命令。当你需要运行某个不常用的工具或者只需要使用一次性的命令时，是一个用于执行本地或远程 npm 包中可执行文件的强大工具，使得在不全局安装包的情况下运行命令变得更加方便。是 Node.js 中的一个命令行工具，它用于执行 npm 包中提供的可执行文件。，但是它可以直接运行安装在项目本地依赖中的可执行文件，而不需要显式地在。的可执行文件用于创建 React 应用程序。的 npm 包，它提供了一个名为。的新的 React 应用程序。