關於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>

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