小程xy的博客

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它的核心理念是“组件化”，即将用户界面拆分为可重用的组件。React 的组件通常使用 JSX（JavaScript XML）。JSX 是一种 JavaScript 语法扩展，允许开发者在 JavaScript 代码中编写类似 HTML 的结构。## 1、初识react### 1.1 常用命令首先安装 [Nodejs](https://nodejs.org/en/)，然后执行下面命令安装 `rea

CSS变量允许开发者定义可重复使用的值，简化代码的管理和维护。CSS变量使用--定义，并通过var()函数调用。:root {button {这样，当我们需要修改主颜色时，只需要更改的值，而不需要修改每个地方的样式。CSS是用于控制网页外观和布局的重要技术。它通过选择器和属性，允许开发者对HTML元素进行样式定义和控制。掌握CSS的基本语法、布局模式（如Flexbox和Grid）、动画、媒体查询等知识，能够帮助开发者创建更加美观、响应式且用户友好的网页设计。

模板字符串由反引号（` `）包裹，支持多行字符串和嵌入表达式。// 定义模板字符串函数声明：使用function关键字定义函数。这种方式定义的函数会在代码执行之前被提升，因此可以在函数声明之前调用它。// 输出 "Hello, Alice"函数表达式：将函数赋值给变量。这种方式定义的函数不会被提升，因此只能在函数表达式之后调用。// 输出 "Hello, Bob"数组是一个有序的数据集合，其中的每个元素都有一个索引。数组中的元素可以是任意数据类型，例如字符串、数字、对象，甚至其他数组。

通过Vue Router，我们可以轻松地定义路由规则，将不同的 URL 映射到不同的组件，并在这些组件之间切换，通俗的讲就是我们可以让页面在不同的url上显示我们想要显示的组件。router是路由器的意思, route是路由的意思，我们需要给vue的实例创建一个router, 通过函数.history: createWebHistory(), // 路由器的工作模式, 下面会讲到routes : [path : "/home", // url匹配path的时候路由器会渲染这个路由的组件。