git 分支 和 阿里字体图标引用 盒模型等等

<br />

1. 实现登录 功能

A.登录状态保持
没有跨域问题，建议可以使用cookie或者session来保持登录状态
客户端和服务器跨域了，建议使用token进行维持登录状态。

B.登录逻辑：
在登录页面输入账号和密码进行登录，将数据发送给服务器
服务器返回登录的结果，登录成功则返回数据中带有token
客户端得到token并进行保存，后续的请求都需要将此token发送给服务器，服务器会验证token以保证用户身份。

<br />

2. 创建分支 git (在项目开发中都需要创建分支，在分支上开发)

image

// 一. 先创建分支 在做页面写功能, 功能做好后推送到暂存区 开始合并， 合并后将 master 先推送到云端，再推送分支
// 查看当前状态  和  拉取更新的代码  及 初始化一个 git 仓库
git status       git pull               git init

// 创建分支
git checkout -b login

// 查看分支
git branch

// 将代码提交到 暂存区  合并分支步骤
git status
git add .
git status
git commit -m '完成了登录功能'
// 合并分支  先要切换到主分支上
git branch
git checkout master
git branch
git merge login
git push
// 将 分支提交到 远端仓库中  login 是分支名
git branch
git checkout login
git branch
git push -u origin login

// 注意： 第一次提交分支到远端仓库， git push -u origin login  （login 是分支名）

// 二. 完成了功能后， 创建分支 （提交到远端仓库）
// 页面 功能完成后（发现没有创建分支）
// 先创建 分支并切换到分支上（所有的代码都会跟着切换到 分支上）
git checkout -b user

// 添加到 暂存区
git add .

// 提交代码  并注释
git commit -m '添加完成用户列表功能'

// 提交代码到远端 并且将分支也提交到远端仓库
git push -u origin user

// 切换到主分支
git checkout master

// 合并分支
git merge user

// 推送到 远端仓库
git push

// 三. 先创建分支，并将分支提交到云端， 再写代码完成页面的功能，功能完成后将代码提交到云端，最后和master合并，再将master分支的代码提交到云端

// 写页面代码之前，将分支提交到云端
git checkout -b order
git push -u origin order

// 查看分支
git branch

// 将分支代码提交到暂存区 并且提交到云端
git status
git add .
git status
git commit -m '完成了订单页面的功能'
git push

// 最后将分支代码合并，再将master合并的代码提交到云端
git checkout master
git merge order
git push

<br />

3. 元素居中显示

// 元素居中显示
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

<br />

4. 盒模型

content-box（默认样式 普通盒模型）
border-box  （怪异盒模型）

// 设置 盒模型
    box-sizing: border-box;

content-box 的 width 不包括 padding 和 border （会被 margin 和 padding 撑大）
border-box 的 width 包括 padding 和 border (不会被 margin 和 padding 撑大)

<br />

5. 在 vue 项目中用 第三方字体 教程 （阿里字体库）

1. 在 第三方官网上下载，并把文件夹复制到项目中

2. // 导入 字体图标
import './assets/fonts/iconfont.css'

3. 使用 iconfont 是项目下的font-family，   icon-user 是 具体的图标
<el-input prefix-icon="iconfont icon-user"></el-input>