9月18日 移动端布局+git操作+git具体企业操作

移动端布局+git操作+git具体企业操作

移动端布局

1. 自适应布局：布局中的盒子可以随着设备的大小自动改变宽高

1. 引入移动端meta
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
2. 引入flexible.js文件(动态改变html的font-size),淘宝无限适配方案

2. reset 和 Normalize : css公共样式文件库

Normalize 更好(跨浏览器的一致性)

3. 布局单位

1. vh,vw （视口）
2. px（固定单位）
3. em,rem（相对单位）
   em：父元素的font-sixe
   rem：根(html)的font-size（移动端用，相对于根元素好计算）

4. 面试题：无宽高如何居中

1. 弹性盒:
   父元素添加样式
   display:flex;
justify-content:center;
align-items:center;
2. transform:
   父元素添加样式
   position:relative;
   子元素添加样式
   position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
3. 网格布局：
   父元素添加样式
   display:grid;
justify-content:center;
align-items:center;

git操作

1.git介绍：版本控制工具

项目开发中起到的作用：代码管理，上传，下载，版本回退…

2. 提交多次代码如何查看之前代码

3. Git安装与下载项目代码

1. 下载安装git 网址：https://git-scm.com/
   测试是否安装成功 : git --version
2. 从仓库下载代码
   国内：码云 网址：https://gitee.com/
   国外：github 网址：github.com
   命令：git clone 地址

4. 【Mac】创建仓库及提交代码

5. 【Windows】创建仓库及提交代码

1. 创建仓库

• 访问到码云平台：https://gitee.com/
• 注册==》登录账号
• 登录后==》新建仓库( 使用Readme文件初始化这个仓库【勾选】)

2. 将本地代码以及文件提交到远程仓库

• Git全局设置 git config --global user.name “姓名”
  git config --global user.email “邮箱”
• 远程仓库和本地机器的连接 设置===》SSH公钥
• 生成SSH公钥 ：https://gitee.com/help/articles/4181
  a > 终端运行：ssh-keygen -t rsa -C “邮箱”
  b > cat ~/.ssh/id_rsa.pub 把运行后的代码复制粘贴到【SSH公钥】配置中
• 上传提交代码
  git add . //提交所有代码到中转站（注意后面有一个空格+.）
  git commit -m “注释内容” //提交所有代码到本地仓库
  git push //提交本地仓库到码云

6. git入门总结

1. 团队开发遇到什么样的问题？

• 备份多个版本，费时间，费空间
• 难以恢复到以前的版本
• 难以解决代码冲突问题
• 难以追溯问题以及修改人和修改时间
• 无法进行权限控制

2. svn和git的区别
   svn：集中式 git：分布式

7. git详细命令

1. git命令

• 初始化仓库 ===>git init
• 查看配置 ===>git config -l ***进公司做项目，必配user.email 和 user.name
• 查看状态 ===> git status
  红色的:没有被git管理
  绿色的:存储在版本库暂缓区
• 添加到暂缓区 ===> git add .
  .代表所有文件
  指定某一个文件 git add index.js
• 添加到分支中 ===> git commit -m ‘注释内容’
• 查看修改文件 ===> git diff
  查看某一个文件：git diff index.js
  查看所有文件 ：git diff
• 查看修改历史:git log
• 查看修改历史【简单形式】: git reflog
• 回到之前的版本
  回到上一个版本：git reset --hard HEAD^
  回到指定版本 ：git reset --hard 版本号

8. 多人开发解决冲突问题

1. 克隆下载代码
2. 配置 git config user.name ‘用户名’
   git config user.email ‘邮箱’
3. git add .
4. git commit -m ‘注释内容’
5. git push ==》 可能会报错
6. git push为什么报错？
   • 如果远程仓库有人更新了代码，那么我们不能直接的去git push。 解决：我们必须先把远程仓库的代码下拉，然后再push
   • 1 git pull 2 git push

9. 分支操作

默认的主分支 ： master

1. 查看本地分支 git branch
2. 新建分支 git branch 分支名称
3. 切换分支 git checkout 分支名称
4. 切换远程仓库分支 git checkout -b 分支名称
5. 查看远程仓库的分支 git branch -r
6. 本地分支提交到远程仓库 git push --set-upstream origin 分支名称
7. 删除本地分支 git branch -d 分支名称
8. 删除远程仓库的分支 git push origin --delete 分支名称

10. 合并分支

1. 分支是独立的，不会互相影响
   注意：在一个分支下创建另外一个新的分支，新的分支会继承旧分支之前的操作。
2. 合并分支 git merge 分支名称
   注意：如果当前是在master分支下写入：git merge dev，那么master和dev会进行合并，相当于master + dev （master += dev）

11. gitflow工作流（一）

12. gitflow工作流（二）

gitflow (中、大型)

• master 用于保存上线版本代码，创建了dev分支
• develop 用于保存相对稳定版本的代码，所有的feature都是dev分支创建的
• feature 用于开发某几个功能，不同的功能可能会创建不同的分支
  feature/login
  feature/list
• release 用于代码上线前的准备（测试，bug修复），是dev创建的
  release/v1.0
• bugfix 用于修复不紧急bug
• hotfix 用于修复紧急bug

git具体企业操作

1. 登录判断

2. 项目初始化

领导

1. 创建仓库
2. 创建分支
3. 初始化项目 ===> 搭建目录结构

3. git操作以及dom渲染

开发者

1. 克隆代码到本地

• 下载仓库中指定分支的代码 git clone -b <分支名称> <分支地址>

2. 配置本地的user.name && user.email
3. 本地切换到远程分支 git checkout -b <分支名称>

4. 提交代码