一、标题项目开发前的准备工作:
开发前需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在iphone7 plus上显示的很正常,然后切换到了iphone5上因为屏幕太小部分页面内容被遮挡了,影响用户正常使用和体验,当然还有一些细节需要优化,比如移动端的1像素边框问题,移动端的 300毫秒点击延迟等,这些都可以进行一些优化,从而把用户体验做到更好。
移动端页面开发前准备工作
1、准备环节
1.明确要求
根据设计图纸,App模块的划分,模块的布局,交互等。。。
2.确认技术栈
确认框架,组件库,状态管理方案,权限控制方案,网络请求模块,路由等。。。
3.分工
确定开发项目,合理分工,熟悉开发环境,培养团队精神;
以上已经准备好了的话,那么我们就可以开始开发我们的项目了!
2、标签内添加viewpoit
以此来动态的获取用户设备的屏幕宽度和不允许用户手动放大和缩小页面等.
<!--禁止页面缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
html{
font-size: 100px;
height: 100%;
}
body {
height: 100%;
margin: 0;
font-size: 0.16rem;
}
3、添加动态路由
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/About',
name: 'About',
component: () => import('../views/About.vue')
}
]
const router = new VueRouter({
routes
})
export default router
4、安装axios
cnpm install axios
cnpm install --save vue-axios
二、Git&GitHub
1. Git 基础
1.1 Git是什么
git是一个版本管理工具,他是一个版本管理控制系统(缩写VCS),他可以在任何时间点将文档的状态当做更新记录保存起来,也可以在任何时间将更新的记录恢复回来。
1.2 Git 基本工作流程
git仓库 | 暂存区 | 工作目录 |
---|---|---|
用于存放提交记录 | 临时存放被修改文件 | 被Git管理的项目目录 |
1.3 Git 的使用
1.3.1 提交步骤
git init
初始化git仓库 (mac中Command+Shift+. 可以显示隐藏文件)git status
查看文件状态git add 文件列表
追踪文件git commit -m 提交信息
向仓库中提交代码git log
查看提交记录
1.3.2 撤销
- 用暂存区中的文件覆盖工作目录中的文件:
git checkout 文件名
- 将文件从暂存区中删除:
git rm --cached 文件名
- 将 git 仓库中指定的更新记录恢复出来,并且覆盖暂存区和工作目录:
git reset --hard commitID
2. Git进阶
2.1 分支
为了便于理解,大家暂时可以认为分支就是当前工作目录中代码的一份副本。
使用分支,可以让我们从开发主线上分离出来,以免影响开发主线。
2.1.1 分支细分
主分支(master):第一次向 git 仓库中提交更新记录时自动产生的一个分支。
开发分支(develop):作为开发的分支,基于 master 分支创建。
功能分支(feature):作为开发具体功能的分支,基于开发分支创建
在这里插入图片描述
功能分支 -> 开发分支 -> 主分支
2.1.2 分支命令
- <