1. iframe 元素會建立包含另外一個文件的內聯框架（即行內框架）。

2. Fetch獲取資料,請求json
   fetch(‘https://api.github.com/users/chriscoyier/repos’)
   .then(response => response.json())
   .then(data => {
   // data就是我們請求的repos
   console.log(data)
   });

   https://www.cnblogs.com/libin-1/p/6853677.html

3. transform:rotate(90deg);//旋轉90

4. swiper外掛
   

   https://mp.csdn.net/mdeditor/84583196#

5. addEventListener() 方法用於向指定元素新增事件控制代碼。

   window.addEventListener(“load”, function (event) {
   new Noty({
   type: ‘error’,
   theme: ‘relax’,
   text: ‘在乘客廣播時，請暫停使用!’
   }).show();
   });
   向 Window 物件新增事件控制代碼 window.addEventListener
   load 一張頁面或一幅影象完成載入。
   https://blog.csdn.net/vincentblog/article/details/50629091

6. noty是一個jQuery的通知(資訊提示)外掛，靈活輕便，是一個非常棒的用於替代傳統提示對話方塊的外掛。
   https://blog.csdn.net/u013485363/article/details/52981903
   //預設佈局
   theme:‘defaultTheme’,
   // 預設主題
   type:‘alert’,
   // 預設型別
   text:’'ds"

7. document.write(“瀏覽器的平臺和版本:”+version);

8. JSON.stringify() 方法用於將 JavaScript 值轉換為 JSON 字串。

9. JSON.parse() 方法用於將一個 JSON 字串轉換為物件。

10. Vue
    生命週期：Vue中例項或者元件從建立到消滅中間經過的一系列過程Vue中例項或者元件從建立到消滅中間經過的一系列過程
    
    created:在模板渲染成html前呼叫，即通常初始化某些屬性值，然後再渲染成檢視。
    mounted:在模板渲染成html後呼叫，通常是初始化頁面完成後，再對html的dom節點進行一些需要的操作。
    https://blog.csdn.net/xdnloveme/article/details/78035065

11. WebSocket 連線允許客戶端和伺服器之間進行全雙工通訊，以便任一方都可以通過建立的連線將資料推送到另一端。

示例：

// 建立WebSocket
   if ('WebSocket' in window) 

// 初始化一個 WebSocket 物件
var ws = new WebSocket("ws://localhost:9998/echo");

// 建立 web socket 連線成功觸發事件
ws.onopen = function () {
  // 使用 send() 方法傳送資料
  ws.send("傳送資料");
  alert("資料傳送中...");
};

// 接收服務端資料時觸發事件
ws.onmessage = function (evt) {
  var received_msg = evt.data;
  alert("資料已接收...");
};

// 斷開 web socket 連線成功觸發事件
ws.onclose = function () {
  alert("連線已關閉...");
};

http://www.ruanyifeng.com/blog/2017/05/websocket.html

11. sessionStorage
    先把頁面儲存資料在當前會話中，然後去跳轉後的頁面獲取這些資料並且賦值給另一個變數

sessionStorage只能儲存字串型別資料，無法直接儲存陣列型別和JSON物件，
若想存陣列或者json物件
首先將JSON物件通過JSON.stringify()方法轉換成字串，再儲存到sessionstorage中，
然後通過JSON.parse()方法將字串轉換成JSON格式即可

var obj = {
  "name": "Tom",
  "age": 12,
  "gender": "man"
};
sessionstorage.setItem('jsonParams',JSON.stringify(obj));

var data = JSON.parse(sessionstorage.getItem('jsonParams'));
console.log(data);

https://blog.csdn.net/bs__q/article/details/78328037

12. this的指向
    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this
    (1)this 都指代全域性物件。

// 在瀏覽器中, window 物件同時也是全域性物件：
console.log(this === window); // true

----------------
function f1(){
  return this;
}
//在瀏覽器中：
f1() === window;   //在瀏覽器中，全域性物件是window

(2)在嚴格模式下，如果 this 沒有被執行上下文（execution context）定義，那它將保持為 undefined。
(3)在箭頭函式中，this與封閉詞法上下文的this保持一致。在全域性程式碼中，它將被設定為全域性物件：

var globalObject = this;
var foo = (() => this);
console.log(foo() === globalObject); // true

13. setAttribute() 方法建立或改變某個新屬性。

    element.setAttribute(屬性名,屬性值)

上傳京東，以前的fetch