| typeOf() | Number（） | parseInt() | parseFloat() | - * / % |
| 檢測數據類型 | 轉換為數字 | 轉換為整數類型 | 轉換為浮點類型 | 非加法的數字運算 |
| toString() | + | Boolean() | String() | |
| 轉換為字符串，不能轉換undefined/null | 字符串拼接 | 轉換為布爾類型 | 轉換為字符串、所有內容都能轉換 |
| typeof() | isNaN() | Number.isNaN | Object.is() |
| 檢測數據類型 | 檢測是否為非數組 | 檢測是否為NaN | 判斷兩個值是否相等 |
| push() | pop() | unshift() | shift() | reverse() |
| 像數組后面追加數據 | 刪除數組最后一個數據 | 像數組前面追加一個數據 | 刪除數組第一個數據 | 對數據進行翻轉 |
| sort() | splice() | concat() | join() | slice() |
| 對數組進行排列 | 截取數組的內容，并且可以在截取的位置放數據 | 向數組添加數據，或者拼接數組 | 使用連接符，將數組的數據連成字符串 | 截取數組，但是不改變原數組 |
| indexOf() | lastIndexOf() | forEach | map | filter |
| 從前往后檢索第一次出現內容的索引，無返回-1 | 從后往前檢索第一次出現內容的索引，無返回-1 | 對數組進行遍歷，不返回數據 | 對數組進行加工，返回加工完的數組 | 對數據進行過濾，返回過濾完的數據 |
| find | findIndex | every | some | reduce |
| 在數據中內查找滿足條件的第一項 | 在數組中內查找滿足第一項的索引 | 判斷數組中時候每一個都符合條件，符合返回true，反之 | 判斷數組中有一個滿足條件就返回true | 對數組進行疊加 |
| random() | round() | ceil() | floor | abs | pow | sqrt | max |
| 生出隨機數 | 四舍五入 | 向上取整 | 向下取整 | 絕對值 | 冪運算 | 平方根 | 最大值 |
| min | PI | ||||||
| 最小值 | 圓周率 |
| charAt() | charCodeAt() | toUpperCase() | toLowerCase() | substr() | substring() |
| 返回該索引位置的字符 | 返回該索引位置的字符編碼 | 轉換為大寫 | 轉換為小寫 | 分割字符串 | 分割字符串 |
| slice() | split() | concat() | indexOf() | lastIndexOf() | includes() |
| 分割字符串 | 按照分隔符分開轉為數組 | 對字符串進行拼接 | 返回字符串第一個出現的下標 | 返回字符串最后一個出現第一個的下標 | 判斷里面包含這個數據返回布爾值 |
| startsWith() | endsWith() | trim() | trimStart/trimLeft | trimEnd/trimRight | replace |
| 驗證字符串是否以數據開頭的 | 驗證字符串是否以數據結尾 | 取出字符串左右兩邊的空格 | 去除左面的的空格 | 去除右面的的空格 | 替換 |
| getFullYear() | getMonth() | getDate() | getHours() | getMinutes | getSeconds | getMillseconds |
| 獲取年份 | 獲取月份 | 獲取日 | 獲取小時 | 獲取分鐘 | 獲取秒 | 獲取毫秒 |
| getDay | getTime() | setFullYear | setMounth | setDate | setHours | setMinutes |
| 獲取星期 | 獲取時間戳 | 設置年份 | 設置月份 | 設置日 | 設置小時 | 設置分鐘 |
| setSeconds | setMilliseconds | setDay | setTime() | |||
| 設置秒 | 設置毫秒 | 設置日期 | 設置時間戳 |
| window.alert('') | window.prompt() | window.confim() | window.onload = function(){} |
| 提示框 | 輸入框 | 詢問框 | 當頁面加載完之后調用 |
| window.resize=function{} | winodw.scroll = function(){} | window.location.href | window.location.reload() |
| 當頁面可視化窗口改變 | 當滾輪滑動的時候 | 獲取網址或者跳轉 | 對頁面進行重新加載 |
| window.open('') | winodw.close() | document.documentElment.scrollTop | document.body.scrollTop |
| 打開一個新的頁面 | 關閉此頁面 | 瀏覽器卷出去的高度 | 瀏覽器卷出去的寬度 |
| window.history.back() | window.history.forward() | window.history.go(參數) | window.scrollTo(x,y) |
| 瀏覽器回退 | 瀏覽器前進 | 瀏覽器跳轉 | 瀏覽器滾動到 |
| window.scrollTo({top,left,behavior}) | |||
| 瀏覽器滾動到：behavior怎么滑動 |
| localStorage存儲 | sessionStorage存儲 | cookie存儲(過期時間必須調整8小時) | |
| 增 | window.localStorage.setItem(key,value) | window.sessionStorage.setItem(key) | document.cookie = 'key=value;expire:' |
| 刪 | window.localStorage.removeItem(key) | window.sessionStorage.remove(key) | |
| 清除 | window.localStorage.clear() | window.sessionStorage.clear() | |
| 查 | window.localStorage.getItem(key) | window.sessionStorage.getItem(key) | console.log(document.cookie) |
? ? ? ?
| document.documentElement | document.body | document.head | document.getElementById() |
| 獲取html | 獲取body | 獲取head | 根據id來獲取元素 |
| document.getElementsByClassName() | document.getElements ByTagClassName | document.querySelector('') | document.querySelectorAll('') |
| 根據類名返回一個偽數組 | 根據標簽返回一個偽數組 | 根據選擇器獲取第一個元素 | 根據選擇器獲取所有的元素 |
| ele.id = 'asd' | ele.setAttribute('aa','bb') | ele.removeAttribute('aa') | ele.getAttribute('aa') |
| 原生屬性直接使用屬性名操作 | 設置自定義屬性 | 刪除自定義屬性 | 查詢自定義屬性 |
| ele.dataset.aaa = 'zzzz' | ele.dataset.aaa | delete ele.dataset.aaa | ele.className |
| 設置H5自定義屬性 | 獲取H5自定義屬性 | 刪除H5自定義屬性 | 獲取元素的類名 |
| ele.classList | ele.classList.add('類名') | ele.classList.remove('類名') | ele.classList.toggle('類名') |
| 獲取元素的所有類名返回數組 | 添加類名 | 刪除類名 | 切換，如果原來有那么刪除，沒有的話就添加 |
| ele.innerHTML | ele.innerText | ele.value | ele.offsetWidth |
| 在元素上寫，可以寫超文本 | 在元素上寫，不能識別超文本 | 用來操作表單，獲取值 | 獲取元素的寬度包括border |
| ele.offsetHeight | ele.clientWidth | ele.clientHeight | ele.offsetTop |
| 獲取元素的高度包括border | 獲取元素寬度不包括boder | 獲取元素寬度不包括boder | 獲取元素垂直父級距離 |
| ele.offsetLeft | ele.offsetTop | ele.clientLeft | ele.clientTop |
| 獲取元素水平父級距離 | 獲取boder | 獲取左boder的寬度 | 獲取上boder的寬度 |
????????
| 元素.chlidNodes | 元素.children | 元素.firstChild() | 元素.lastChild() |
| 獲取元素的所有子一級節點 | 獲取元素的所有子一級元素節點 | 獲取元素的的第一個節點 | 獲取元素的最后一個節點 |
| 元素.firstElementChild() | 元素.lastElementChild() | 元素.previousSibling() | 元素.previousElementSibling |
| 獲取元素的第一個元素節點 | 獲取元素的最后一個元素節點 | 獲取元素上一個兄弟節點 | 獲取元素上一個兄弟元素節點 |
| 元素.nextSibling() | 元素.nextElementSibling() | 元素.parentNode | 元素.parentElement |
| 獲取元素下一個兄弟節點 | 獲取元素下一個兄弟元素節點 | 獲取元素的父節點 | 獲取元素的父節點 |
| 元素.attributes | document.createElement('li') | document.createTextNode('文本內容') | 元素.appendChild(節點) |
| 獲取該節點的所有屬性 | 創建節點 | 創建文本節點 | 像元素插入節點 |
| 元素.insertBefore(節點,誰的前面) | 元素.removeChild(子節點) | 元素.remove() | 元素.replaceChild(換上，換下) |
| 像元素前面插入節點 | 刪除父元素中的子節點 | 刪除該元素 | 使用換上節點替換點換下節點 |
| 元素.cloneNode() | 元素.nodeType() | 元素.nodeName() | 元素.nodeValue() |
| 把元素克隆一個一模一樣的 | 元素屬性 | 獲取節點的名稱 | 獲取節點中的內容 |
| BOM層次獲取Width | window.innerWidth(包括滾動條) |
| BOM層次獲取Height | window.innerHeight(包括滾動條) |
| DOM層次獲取Width | document.documentElement.clientWidth |
| DOM層次獲取Height | document.documentElement.clientHeight |
】解鎖Python爬蟲：數據存儲的最優選擇與高效策略)
