草庐IT

ajax - 终结篇jsonp,防抖节流

今天是我们最后一天ajax的学习,这次学完总可以去vue了吧,我不信还有什么拦路石,先不说其他的先看看今天的内容。1.首先是同源策略,什么叫做同源?如果两个页面的协议、域名、端口都相同的话,我们将这两个页面为同源。那么什么同源策略呢?是浏览器提供的一个安全功能,如果说两个页面不同源,那么A网站就无法读取B网站的cookie、localstorage、indexdb等;无法接触B网站的DOM;无法向B网站发送ajax请求了解了同源与他相反的就是跨域,也就是上面说的协议。域名、端口只要有一个不满足那么他们就是跨域。浏览器对跨域请求的拦截,我们是能够正常发起对服务器的请求的,服务器也能够感应到请求并

ajax - xhr level2新特性 json等众多内容

1.今天的内容其实挺多的,我们慢慢来说。首先第一个是xhr的基本使用,什么是xhr?XMLHTTPRequest是浏览器提供的js对象,可以请求服务器上的数据资源,包括我们前面一直用的jq里面的三个请求资源的方法都是基于xhr来封装的。那么首先我们看到xhr的get请求怎么来实现首先要创建xhr实例通过new来实现然后调用open函数,里面值为请求方式以及url第三步调用send函数第四步监听onreadyStateChange事件在这个事件里面要注意一下请求状态和服务器响应状态的固定写法,还有服务器响应回的数据DOCTYPEhtml>htmllang="en">head>metacharse

ajax - 接口、表单、模板引擎

1.今天继续ajax的一个学习,首先明确一个观念,接口,什么是接口,当使用ajax请求数据时,被请求的url就叫做数据接口也就是接口,注意每个接口必须有请求方式,这里有一个接口的测试工具,postman自称是全球最快的,反正使用起来没多大毛病,使用这个软件的时候有一个注意点就是在post请求的时候,在body里面输入参数要选择x-www-form-这个选项才行,然后是接口文档,我们如果要调用接口,那肯定是要参照接口文档的,里面的包含这个接口的所有信息,一般一个接口文档大致分为以下五个内容:①接口名称:能够一眼看出这个接口是个什么类型的接口②url:这个不用多说,接口的调用地址③调用方式:会给你

ajax - 初步介绍

进入ajax了,想要进入vue还有一个前提就是要把ajax给熟悉一下,看一看客户端与服务器之间是怎么一个通信的过程,第一天主要是先了解了一下ajax的一些介绍,ajax嘛,在进入之前,肯定是要了解一下客户端与服务器之间的一个通信过程,其实不管是请求还是发送都遵循的一个原则,即请求、处理、响应,如何来请求服务器上的数据,需要用到XMLHttpRequest对象,也就是声明一个对象实例varxhrObj=newXMLHttpRequest()。我们通常所说的资源请求方式主要是分为两种,一种是get请求向服务器所求资源,一种是post向服务器发送资源。继续看到什么事ajax?可以简单理解为用到了xh

用HTML CSS 实现简洁美观的时间线(历史年表)

前几天在B站刷到尼尔后突发奇想,就想给尼尔做一个简单的小网站,在思考如何体现尼尔的世界观的时候想到了使用时间线的方式,将所有时间的事件罗列起来。所以就试着做了一下,这种方式可以很直观的表现一些历史上发生的事情,历史相关主题的一些网站应该可以参考一下首先来看效果以上都是游戏里的一些历史,简单的设计了一下,个人对整体的页面设计还是挺满意的,但是本期主要讲的是时间线,就不多扯其他的东西了,下面来讲讲具体是怎样实现的首先是上面黑色的部分:很简单HTML:历史年表CSS:.daibiao{ width:100%; height:50px; line-height:50px; background-col

ajax - 终结篇jsonp,防抖节流

今天是我们最后一天ajax的学习,这次学完总可以去vue了吧,我不信还有什么拦路石,先不说其他的先看看今天的内容。1.首先是同源策略,什么叫做同源?如果两个页面的协议、域名、端口都相同的话,我们将这两个页面为同源。那么什么同源策略呢?是浏览器提供的一个安全功能,如果说两个页面不同源,那么A网站就无法读取B网站的cookie、localstorage、indexdb等;无法接触B网站的DOM;无法向B网站发送ajax请求了解了同源与他相反的就是跨域,也就是上面说的协议。域名、端口只要有一个不满足那么他们就是跨域。浏览器对跨域请求的拦截,我们是能够正常发起对服务器的请求的,服务器也能够感应到请求并

ajax - xhr level2新特性 json等众多内容

1.今天的内容其实挺多的,我们慢慢来说。首先第一个是xhr的基本使用,什么是xhr?XMLHTTPRequest是浏览器提供的js对象,可以请求服务器上的数据资源,包括我们前面一直用的jq里面的三个请求资源的方法都是基于xhr来封装的。那么首先我们看到xhr的get请求怎么来实现首先要创建xhr实例通过new来实现然后调用open函数,里面值为请求方式以及url第三步调用send函数第四步监听onreadyStateChange事件在这个事件里面要注意一下请求状态和服务器响应状态的固定写法,还有服务器响应回的数据DOCTYPEhtml>htmllang="en">head>metacharse

ajax - 接口、表单、模板引擎

1.今天继续ajax的一个学习,首先明确一个观念,接口,什么是接口,当使用ajax请求数据时,被请求的url就叫做数据接口也就是接口,注意每个接口必须有请求方式,这里有一个接口的测试工具,postman自称是全球最快的,反正使用起来没多大毛病,使用这个软件的时候有一个注意点就是在post请求的时候,在body里面输入参数要选择x-www-form-这个选项才行,然后是接口文档,我们如果要调用接口,那肯定是要参照接口文档的,里面的包含这个接口的所有信息,一般一个接口文档大致分为以下五个内容:①接口名称:能够一眼看出这个接口是个什么类型的接口②url:这个不用多说,接口的调用地址③调用方式:会给你

ajax - 初步介绍

进入ajax了,想要进入vue还有一个前提就是要把ajax给熟悉一下,看一看客户端与服务器之间是怎么一个通信的过程,第一天主要是先了解了一下ajax的一些介绍,ajax嘛,在进入之前,肯定是要了解一下客户端与服务器之间的一个通信过程,其实不管是请求还是发送都遵循的一个原则,即请求、处理、响应,如何来请求服务器上的数据,需要用到XMLHttpRequest对象,也就是声明一个对象实例varxhrObj=newXMLHttpRequest()。我们通常所说的资源请求方式主要是分为两种,一种是get请求向服务器所求资源,一种是post向服务器发送资源。继续看到什么事ajax?可以简单理解为用到了xh

JS基础二--字面量和变量

  /*   字面量,都是一些不可改变的值,   比如:12345   字面量都是可以直接使用,但是我们一般不会直接使用字面量。   变量,变量可以用来保存字面量,而且变量的值可以任意改变的。      变量更加方便我们使用      X=1244  */代码截图:  源码:DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">metahttp-equiv="X-UA-Compatible"content="IE=edge">metaname="viewport"content="width=device-width,initial-scale=