关于ES6 和AJAX

ES6:
ES5,ES6
W3C:制定规范;
ECMA:欧洲计算机制造商联盟
EcmaScript:ES

ES5里面:
变量提升,只提升声明,不提升赋值;
声明的函数也会提升到前面,函数的提升优先级高于变量;
在es6里面声明变量使用let;
解构赋值:
解析结构进行赋值。
类:
在ES5里面使用原型体现
在ES6里面就是class;
属性:特征
方法:行为
本地服务器访问的方式:
http://localhost
http://127.0.0.1
http://luler
http://suibian.com

AJAX:
AsyncJavascriptAndXML
页面局部刷新;用户体验比较好。节约资源,减轻服务器压力。
做项目,ajax是比用的。
浏览器完全支持ajax,不需要任何插件,就像支持创建数组一样。
XMLHttpRequest XHR
Array
我们的程序需要放到web服务器里面;
你需要准备一个web服务器:Apache、Tomcat、IIS、Nginx

Xhr对象有一个事件:onreadystatechange
Ajax受同源策略的限制;
同源策略:
满足下面三个条件:
1, 协议相同:http, https;
2, 域名要相同:包括二级域名;
3, 端口要相同:8080, 80;

如果其中一个条件没有成立,叫 跨域;
处理跨域的方式:
1, JSONP:不是JSON
2, CORS
3, Proxy:

<script>
        let a = 100;
        console.log(a);

        // 解构赋值
        // 数组是根据位置进行对应的
        let [b, c, d] = [100, 300, 200];
        console.log(b, c, d);
        // 根据属性名称来匹配,跟顺序没有关系  会经常用到
        let {e, g} = {f:500, g:800, e:600};
        console.log(e, g);

        // 使用箭头函数
        let fn = (a,b)=>a+b;
        console.log(fn(1, 2));
        let fn1 = (a, b)=>{
            let c = a+ b;
            return c;
        }
    </script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章