发表于: 2019-12-07 21:39:53

1 1277


今天完成的事:还在复习js的内容忘得有点多

明天要完成的事:继续js的复习

难题:

收获:

使用off方法移除事件



在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的与dom节点进行交互,访问dom的次数越多,引起浏览器重绘与重排的次数也就越多,就会延长整个页面的交互就绪时间,这就是为什么性能优化的主要思想之一就是减少DOM操作的原因;如果要用事件委托就会将所有的操作放到js程序里面,与dom的操作就只需要交互一次,这样就能大大

的减少与dom的交互次数,提高性能



反向代理概念

反向代理(Reverse Proxy)方式是指以代理服务器来接受Internet上的连接请求,然后将请求转发给内部网络上的服务器;并将从服务器上得到的结果返回给Internet上请求连接的客户端,此时代理服务器对外就表现为一个服务器。

反向代理服务器对于客户端而言它就像是原始服务器,并且客户端不需要进行任何特别的设置。客户端向反向代理的命名空间(name-space)中的内容发送普通请求,接着反向代理将判断向何处(原始服务器)转交请求,并将获得的内容返回给客户端,就像这些内容原本就是它自己的一


拿上面的来举例,a网站向b网站请求1.js文件时,向b网站发送一个获取的请求,nginx根据配置文件接收这个请求,代替a网站向b网站来请求这个资源,nginx拿到这个资源后再返回给a网站,以此来解决了跨域问题。


反向代理(Reverse Proxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给internet上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。简单来说就是真实的服务器不能直接被外部网络访问,所以需要一台代理服务器,而代理服务器能被外部网络访问的同时又跟真实服务器在同一个网络环境,当然也可能是同一台服务器,端口不同而已。


设置一个 nginx 作为代理服务器,页面所有请求被 nginx 代理服务器监听,

相当于页面向 nginx 发送请求,

而 nginx 将该请求转发到真实请求的目标服务器上

但是实际上请求的域 都是 nginx 服务器的域名

只要 请求页面 和 nginx 服务器的域名同源 就行了

 


AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

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


5、XMLHttpRequest常用方法

一、open();

XMLHttpRequest.open()方法用于指定 HTTP 请求的参数,或者说初始化 XMLHttpRequest 实例对象。它一共可以接受五个参数。

例:

xhr.open('POST', '/carrots-admin-ajax/a/login', true);

参数:

a, method:用于指定请求的类型  "GET"或者"POST"

b, url:用于请求的地址, 可相对可绝对

c, asyncFlag:指定请求方式为同步还是异步, true为异步, false为同步


二、send();

XMLHttpRequest.send()方法用于实际发出 HTTP 请求。它的参数是可选的,如果不带参数,就表示 HTTP 请求只包含头信息,也就是只有一个 URL,典型例子就是 GET

请求;如果带有参数,就表示除了头信息,还带有包含具体数据的信息体,典型例子就是 POST 请求。

var xhr = new XMLHttpRequest();

var data = 'name=' + userVal + '&pwd=' + pwVal;


xhr.open('POST', '/carrots-admin-ajax/a/login', true);

ajax的缺点:

ajax不支持浏览器back按钮。

安全问题 AJAX暴露了与服务器交互的细节。

对搜索引擎的支持比较弱。

破坏了程序的异常机制。

不容易调试。

同源"指的是"三个相同":协议相同、域名相同、端口相同。

同源政策的目的:是为了保证用户信息的安全,防止恶意的网站窃取数据。





返回列表 返回列表
评论

    分享到