发表于: 2020-05-23 22:33:25

1 2133


今天:

开始任务5

按照下载的接口资源进行配置,没能访问对于nginx确实不懂,之前用过还是在css任务2配置服务器上的nginx


没理解这个server_name怎么本地配置访问,

在服务器配置的时候,通过conf文件直接设定的是root的地址,指向一个文件夹,文件夹里有一个index指定的文件如index.html。在通过编辑index的内容进行访问网址,对于server暂时不清楚应该指向哪个地址,有点头疼,就先放着了。


根据师兄发现的bug,修复了任务2-4 的bug,从新看了下逻辑检查了代码bug原因。细节很重要,细节处发生很多不应该的bug,对于任务提交前应该多次检查试错才对。

写完了任务5要求的点击页面,直接去给的接口文档扒图,设置了按钮获取value值。

接下来是ajax的学习,以及异步任务的学习。AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

常见的ajax使用场景谷歌地图,甚至一些弹幕,微博的时时更新评论等等


搜了下如何发起JavaScript异步请求

所谓的“XHR”(浏览器内置对象”XMLHttpRequest”),也就是Ajax功能实现所依赖的对象,AJAX就是通过浏览器的内置对象XHMHttpResquest来发送异步请求的,异步请求不会妨碍客户端的任何操作。

异步:

XHR相当于是一个通信兵,来负责客户端与服务器之间的通信传输。举个栗子:

要打仗了,前方阵地(客服端)不可能只等着通信兵(XHR)传递消息其他什么也不干吧,所以前方阵地还在干着自己的事情然后派通信兵去请求后方指挥部(服务器)的命令,指挥部下达命令指挥,通信兵再把命令传到前方阵地,然后前方阵地再执行命令相关的操作(客户端把数据渲染到页面),这也就是Ajax的异步原理。

再来说说同步:

所谓的同步就是前方阵地和通信兵一起去向服务器请求数据,直到通信兵请求到数据,我才开始渲染页面,在请求的过程中页面一直是白屏等待的。


剩下的大多在看如何使用nginx进行配置server_name进行访问,还有配置host什么的,暂时有些看不明白。

后面又看了部分关于http协议,对于这部分写得属性基本没用过,看的非常懵逼。

代理,反向代理,一个是代理客户端,一个是代理服务器,相当于一个中间介质,进行转换ip的访问。

xmlhtml,对于该任务的实行还是云里雾里,到了晚上才发现,学习资料给出的阮一峰的文章写得非常详细。。因为心态浮躁吧,导致没好好按照步骤学习,实质上今天的代码进度只写了个页面和看了部分资料修复点bug而已。。进度感人。

明天:

首先把如何配置nginx的server_name,对于nginx的各项属性代表的意义确实不明白,明天整理一篇关于nginx常见属性的笔记。

学习关于异步请求的相关资料,xhr,然后什么是跨域,通过反向代理本地进行访问服务器接口,返回正确的值。看了下坑乎师兄们贴出来的代码,其实也就几十行代码,无论如何,明天尽可能把任务5完成,心态浮躁是大忌。


问题和收获:

在获取两个按钮的value值时发现自己太弟弟了,使用的$().eq().value导致Undefined,之前在任务2的时候使用的原生获取的value,对于jQuery还是不够熟悉,后面改用jQuery的方法val()就好了。解决思维:下次遇到这些东西直接查jQuery文档。

对于这个任务如何传接口,今天基本处于懵逼状态,首先是nginx不懂,然后是xhr不懂,对于异步请求不理解,代理反向代理不理解,看这些东西的时候,往往看了一部分又出现一个新的不理解的名词导致又去查这一部分的东西,仔细一想忘了先进行任务需求的分析,这是学习方法的错误。

今天对于任务的学习处理有些懈怠了,应该先进行问题分析,拆分完成任务所需要的东西,进行分步细化的学习。

今天的学习相当于划水了。


返回列表 返回列表
评论

    分享到