# you_163

**Repository Path**: study_caseed/you_163

## Basic Information

- **Project Name**: you_163
- **Description**: 网易严选
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-07-26
- **Last Updated**: 2021-07-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_test

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

启动项目：
1.进入 middleware/middleware.js ，打开cmd 输入 node ./middleware.js 开启node接口
2.进入项目根目录 npm run serve


一、
1.安装cli
2.引入vant
3.使用vant 按钮

二、

viewport 是啥？
 1.viewport 网页的可视区

设备像素 是啥？
 1.设备像素又称 **物理像素**，是设备能控制显示的最小单位(显示屏的小灯泡)

设备独立像素 是啥？
 1.在网页的坐标

css像素 是啥？
 1.度量衡量 像素的单位
 2.dom节点的css像素数量，也就是px宽度，是不会变得。变得只是单个css像素的大小。

适配有4中
 1.media queries 媒体查询 根据设备的宽度执行不同的css代码
 2.flex 弹性布局，viewprot
 3.淘宝首页 rem+viewport：根据rem将页面放大dpr倍，然后viewprot设置1/dpr 
 4.rem