今天主要开始了任务5。

1. 首先是配置Nginx

直接在http://nginx.org/下载最新版Nginx文件，解压，用sublime打开conf--nginx.conf，配置host，双击nginx.exe运行

2. 看了一下相关的知识点：http://javascript.ruanyifeng.com/bom/ajax.html但是实际上有很多知识点不是很明白，明天继续调试的时候再看看

还有https://segmentfault.com/a/1190000002797601

3. 写了一下登录页面的html文件

遇到的问题主要还是很多新知识点、概念不是很明白；明天

收获主要是一些基础知识，还有一个css的布局知识

1. 具体来说，AJAX包括以下几个步骤。

a.创建AJAX对象

b.发出HTTP请求

c.接收服务器传回的数据

d.更新网页数据

2. 更改nginx.conf的配置文件是配置nginx的一个重要步骤

Nginx配置文件主要分成四部分：main（全局设置）、server（主机设置）、upstream（上游服务器设置，主要为反向代理、负载均衡相关配置）和 location（URL匹配特定位置后的设置），每部分包含若干个指令。main部分设置的指令将影响其它所有部分的设置；server部分的指令主要用于指定虚拟主机域名、IP和端口；upstream的指令用于设置一系列的后端服务器，设置反向代理及后端服务器的负载均衡；location部分用于匹配网页位置（比如，根目录“/”,“/images”,等等）。他们之间的关系式：server继承main，location继承server；upstream既不会继承指令也不会被继承。它有自己的特殊指令，不需要在其他地方的应用。

server {

        listen       8081;

        server_name  carrots;

    location / {

             root  D:/task/task-Js/task-Js-5/;

            index  index.html index.html;

        }

    location /a/{ 

    proxy_pass    http://dev.admin.carrots.ptteng.com; 

    #proxy_pass     http://dev.carrots.ptteng.com;

   }

    }

更改后代码如上

3. 设置背景图片完全平铺

设置背景图片使用background属性

body {
  background: url("task-image/background.png") no-repeat center;
  background-size: cover;
  overflow: hidden;
  height: 100vh;
}

让背景图片不重复平铺，多余的部分隐藏，但是，图片要在高度方向上平铺，就要用新的高度设置

http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/

vw 相对于视窗的宽度：视窗宽度是100vw

vh 相对于视窗的高度：视窗高度是100vh

设置图片在视窗高度100%平铺，即可以得到理想的效果