BruceWu_

01-搭建项目目录 xtx-pc images 文件夹：存放固定使用的图片素材，例如：logo、样式修饰图等等 uploads 文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片 i

01-项目目录 网站根目录是指存放网站的第一层文件夹，内部包含当前网站的所有素材，包含 HTML、CSS、图片、JavaScript等等。 首页引入CSS文件 02-版心居中 03-布局思路 布局思路

设置flex, img span沿着主轴方向排列 修改主轴方向, img span沿着新主轴(原侧轴)排列 设置水平垂直居中

```html 我是span内容 左右内边距占位置 上下内边距不占位置 ``` ![image.png](tos-cn-i-73owjymdk6/0db4d66da6484192a61319c53b5

原型对象 构造函数通过原型分配的函数是所有对象所 共享的。 JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象，所以我们也称为原型对象 这个对象可以挂载函数，

创建对象三种方式 利用对象字面量创建对象 利用 new Object 创建对象 利用构造函数创建对象 构造函数 ：是专门用于创建对象的函数，如果一个函数使用 new 关键字调用，那么这个函数就是构造函

作用：监视数据变化，执行一些 业务逻辑 或 异步操作。 语法： ① 简单写法 → 简单类型数据，直接监视 ② 完整写法 → 添加额外配置项(深度监视复杂类型，立刻执行) deep: true 对复杂类

> computed 计算属性： > > 概念：基于现有的数据，计算出来的新属性。 依赖的数据变化，自动重新计算。 > > 语法： > > ① 声明在 computed 配置项中，一个计算属性对应一个

常见的表单元素都可以用 v-model 绑定关联 → 快速 获取 或 设置 表单元素的值 它会根据 控件类型 自动选取 正确的方法 来更新元素