vue2.0项目的创建以及知识点（一）

一. 如何自学vue开发（PC和移动端）

首先准备好一台电脑，其次能用。。。。。

好的开始，首先从安装开始，我们需要准备一下软件：谷歌浏览器，PS（用来切图）也可以使用fireWorks，编辑器可以使用两种，一个是webStrom或者是VScode。

接下去就是给对应的编辑器安装对应的辅助插件例如：中文（chinese），这一块按自己的需求去看是否需要安装。

前提：你已经具备写html和css3的语法，一些简单的浮动定位，以及布局方式都需要去了解，在了解的基础上开始做项目，当然还需要了解ajax请求。

二. 这里我简单的介绍一下css一般PC常用的属性，定位，浮动，这里的话就是可以参照京东和淘宝，尝试着做一次就基本没有问题，移动端flex布局（移动端）或者rem布局。

这里说明一下，rem和flex的区别化使用：

1. 首先是像素的问题，px：绝对单位，给多少就是多少，重点是：给多少就是多少，不会变化。em：相对单位，相对于自身字体大小的值。例如font-size:12px ,1rem=12px,这个值就不能小于12。如果两个一样的元素，但是里面的字体不一样，就不一样了，那就不能统一去设置。或者我元素字体变化，就要统一设置一遍。一遍这个值可以在vscode里面安装一个px to rem的插件，然后在设置，用户设置中，扩展找到px to rem,第二个方法的话，可以在setting.json中配置。
   设置的内容如下：

"px-to-rem.px-per-rem":75,
"px-to-rem.number-of-decimals-digits":4,
//这里主要就是根据，一个比例的大小来确定，一般设计稿都是750px，所以这里设置的是75

三.这里请求我们主要以axios。

1.需要了解的就是ajax和axios有什么区别：
		第一，axios：是基于promise的http库，可以用在浏览器和node.js,
		特点：从浏览器中创建XMLhttpRequests,从node.js创建http请求，支持promiseAPI，拦截请求和响应，
		转换请求数据和响应数据，取消请求，自动转换JSON数据，客户端支持防御XSRF。
2.ajax是与服务器交换数据并更新部分网页的，在不重新加载整个页面的情况下。ajax=异步JavaScript和XML

//这里我仔细写一下，ajax和axios的区别：
------axios------使用方法
axios({
	url:'这里是我们请求的地址',
	method:'get',
	responseType:'json'//这个是默认的
	data:{
	 //接口里面的一些字段数据信息。
	 //例如：id：'124'
	}
}).then(fuction(response){
//打印的就是response里面的数据信息
}).catch(fuction（error）{
//这个里面就是错误信息
})

------------ajax----------使用
$ajax({
	url:'地址',
	type:'get',
	dataType:'json',
	data:{
	  //接口里面的一些字段数据信息。
	 //例如：id：'124'
	},
	success:fuction(response){
	//打印的是response响应
	}
})

补充：Ajax本身是针对MVC的变成，不符合前端的MVVM，是基于原生的一个开发，XHR本身的架构不清晰，现在就有fetch的代替方案。fetch（）就是返回的promise不会被标记为reject，即使响应的http的状态是404，或者500，相反他会将Promise的状态标记为resolve，并且将resolve的返回值属性设置为false。可以接受跨域，
fetch(){},可以用来上传文件或者Form DaTa（）,上传多个文件也是可以的。

要准备去吃饭了回头再去记录。