今天完成的事情：

1.学习ajax;

2.学习系统的相关知识.

3.把自己的网站简单的写了一遍

明天计划的事情：

1.学习nginx的反向代理和跨域

2.学习jq的Ajax;

遇到的困难：

    由于以前js任务2-4是用github上传的，而github不支持不同网页的数据上传到一个页面，上传到一个页面会出现404错误，于是自己就把任务弄到自己的网站中。

收获：

1.关于服务器端和客户端：

服务器端：网页服务(apache,nignx/tomcat)，文件下载服务(vsftp)，邮件服务(posfix)，视频服务等，在网络上需要用到的服务都得经过服务器端来处理。系统软件有：unix,linux,windowserver

客户端：浏览网页，听音乐，看视频.系统软件有Window，linux,mac

2.协议：计算机之间的关系，要想使用互联网服务，必须要使用协议。比如说http://、ftp://、pop3等。

运用F12的network可以看到服务器有关的东西，比如说服务器请求demo.php。

网络之间的计算机如何找到彼此？

    1.IP

    2.端口：用来区分电脑上特定应用网络应用程序。

    3.域名

    4.DNS

3.静态网站和动态网站

    静态网站：例如.html页面。

    动态网站:html页面动态生成的（比如说js,jsp,php生成的页面）

4.同步与异步

    1.同步：（白屏）整屏刷新，不能操作，不使用(XMLHttpRequest)

    2.异步：（页面不刷新）局部刷新

浏览器Ajax请求服务器的过程：

    1.浏览器让xhr去跟服务器要点数据

    2.浏览器接着干别的事情

    3.xhr去向服务器请求数据。

    4.服务器返回数据给xhr。

    5.xhr通知浏览器数据回来了

    6.浏览器收到xhr返回的数据渲染页面

5.在写自己网站的过程中使用了酷炫渐变色字体(chrome浏览器支持)。需要使用after::伪类和content属性.

首先对h3标签内设置data-text属性，值为js task;

然后用css对h3使用伪类，设置content属性为attr(data-text);和-webkit-mask-image(遮罩层)属性（这个属性和transition结合可以实现加载loading条），也是一个非常有用的属性。

h3::after{
       content:attr(data-text);
    color: rgb(0,87,55);
    position: absolute;
    left: 0;
    -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0)));
    width: 200px;
}

最后得到的是这种效果