小知識（h5 js ）

1.如果都為NaN但是他們不相等
var a=NaN;
var b=NaN;
a==b //flase
2.javascript 是一種腳本語言，可以創建伺服器端和客戶端的腳本
3.javascript 中有兩個特殊數據類型 null undefined
4.判斷一個是不是屬於那個類型 instanceof
instanceof: 判斷某個對象是否屬於某一個類。如果屬於，返回true,console.log(ps1 instanceof person);
5.js中的數據類型(七種數據類型)
number object boolean null undefined string symblo
6.DOM中創建新元素，創建新的節點，將a追加到b上
document.createElement();
document.createTextNode();
document.removeChild(nodeChild);
b.appendChild(a);//向指定末尾添加節點
7.offsetWidth/offsetHeight 本身的長度和寬度 offsetTop/offsetLeft 本身距離上方和左方的距離
8.父節點.insertBefore(newNode,existNode) 交換位置父節點之下的交換的位置
9.nodeType 來進行判斷DOM中節點的類型
10.(小點)var str; alert(typeof str); \\ undefined
11.（現階段不清楚，不一定會用）
function ma( )
{
alert(arguments[1])
};
ma(1,[5,6],[8,9]);//輸出的5,6 上面的1對應的下標
在javascript中，arguments對象是比較特別的對象，實際上是當時函數的一個內置屬性，
arguments非常類似Array,但實際上又不是Array實例
arguments對象的長度是有實參的個數而不是形參個數決定的
12.previousSibling nextSibling 返回前一個同級元素 返回後一個同級元素
13.b.appendChild(a) b.insertBefore(a)第一個添加到b中尾部，第二個添加到b的前面
14.clientX是網頁可視區的橫坐標，pageX是文檔的坐標這是他們的區別
15.javaScript 一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。(簡單瞭解)
16.
offsetWidth獲取的是width+padding+border，但是不能賦值。
style.width只能獲取行內樣式，但是可以賦值，並且要加上”px”.
scrollWidth獲取的是width+padding，不包括border.
alert([] == ![])//轉化tostring 都是true 結果為true
原來是top是js一個window對象，它們是只讀的，所以我們不可以給它寫入東西，這才導致我們把內容賦給top變數，最後輸出的卻是window。
//原型鏈
var instance = null;
class Cache{
constructor() {
if(!instance){
instance = this;
}
return instance;
}
}
//src與href的區別
src和href之間存在區別，能混淆使用。src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯繫。
src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；在請求src資源時會將其指向的資源下載並應用到文檔內，例如js腳本，img圖片和frame等元素。
<script src ="js.js"></script>
當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源載入、編譯、執行完畢，圖片和框架等元素也如此，類似於將所指向資源嵌入當前標簽內。這也是為什麼將js腳本放在底部而不是頭部。
href是Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接，如果我們在文檔中添加
<link href="common.css" rel="stylesheet"/>
那麼瀏覽器會識別該文檔為css文件，就會並行下載資源並且不會停止對當前文檔的處理。這也是為什麼建議使用link方式來載入css，而不是使用@import方式。