• 今天完成的事情：

• 1、完成任务2-4并提交。

• 2、完成任务5的页面，学会了如何使用使用了阿里巴巴矢量图标。

• 3、学会了配置nginx，通过nginx启动一个本地http服务，通过nginx设置的server_name访问项目页面。

• 4、学习了HTTP方法中的GET和POST，以及他们的异同点。

• 5、初步了解了Ajax。AJAX = Asynchronous JavaScript and XML（一种异步的 JavaScript 和 XML）。

  AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

  AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

  6、安装了Postman，可以测试接口是否正常。
  

• 
  

• 明天计划的事情：

• 1、分别使用JavaScript和JQuery发起异步请求，将数据发送给服务器接口，并使得能返回一个正确值。

• 2、详细了解Ajax。

• 3、继续学习js中基础知识。

• 
  

• 遇到的问题：
  

• 1、暂无

• 
  

• 收获：
  

• 1、在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。

  • GET - 从指定的资源请求数据。
  • POST - 向指定的资源提交要被处理的数据。
  • 他们的异同点主要在下面

  • 	GET	POST
    后退按钮/刷新	无害	数据会被重新提交（浏览器应该告知用户数据会被重新提交）。
    书签	可收藏为书签	不可收藏为书签
    缓存	能被缓存	不能缓存
    编码类型	application/x-www-form-urlencoded	application/x-www-form-urlencoded or multipart/form-data。为二进制数据使用多重编码。
    历史	参数保留在浏览器历史中。	参数不会保存在浏览器历史中。
    对数据长度的限制	是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。	无限制。
    对数据类型的限制	只允许 ASCII 字符。	没有限制。也允许二进制数据。
    安全性	与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。 在发送密码或其他敏感信息时绝不要使用 GET ！	POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。
    可见性	数据在 URL 中对所有人都是可见的。	数据不会显示在 URL 中。

• 2、阿里巴巴矢量图标的使用方法：首先下载在本地，再将iconfont.css文件在头部引用。

<link rel="stylesheet" href="iconfont/iconfont.css">

然后在内容中直接用span标签使用iconfont类名，其中的icon1类名是自己添加的，主要是为了改变样式，其中的蓝色部分就是图标的代码，不同的图标代码不同，只要使用图标特有的代码即可。

<span class="icon1 iconfont">&#xe610;</span>