vue项目开发前的准备工作?git如何使用?箭头函数和普通函数的区别?

本文介绍了Vue项目开发前的准备工作,包括移动端适配、动态路由和axios安装。同时深入讲解了Git的基础和进阶知识,如分支管理和拉取操作。此外,对比了箭头函数与普通函数的差异,强调了箭头函数的this指向、无法作为构造函数等特性。
摘要由CSDN通过智能技术生成

一、标题项目开发前的准备工作:

开发前需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在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 提交步骤

  1. git init初始化git仓库 (mac中Command+Shift+. 可以显示隐藏文件)
  2. git status 查看文件状态
  3. git add 文件列表 追踪文件
  4. git commit -m 提交信息 向仓库中提交代码
  5. 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 分支命令

  • <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值