資訊專欄INFORMATION COLUMN
摘要：返回值被刪除的那一個元素。作用截取數組中一部分，并返回這個新的數組返回值截取后的新的數組。傳入的時候，內的返回值小于或者等于，數組序列不變。由于內部是隨機抽取兩個值，我們在利用函數的返回值，大于的時候，交換位置。
1.常用的字符串方法
1. indexOf：查找字符串某一項的初始位置
2. slice：截取字符串（包含起始位置，不包含結束位置）
不會根據參數大小，交換參數位置 如果出現-1按倒數第一個數，如果出現-2按倒數第二個數。
3. substring：截取字符串（包含起始位置，不包含結束位置）
會根據參數大小，交換參數位置 如果出現負數，則按0處理。
4. substr：截取字符串
5. split：
作用: 通過一個指定的字符串 把原字符串分割成一個數組。 語法: array string.split([separator] [, limit]) 參數:separator是指分割符。limit指定最多分割的數量，可以理解為數組長度，默認為全部。 返回值:返回一個數組。 注意:當沒有分割符的時候(沒有傳入參數)，整個字符串將作為一個整體保存到數組中。 用分割符分割的時候，分割符會在被刪除了在傳入數組。
6.charAt：返回對應位置的字符
2.常用的數組方法1. join： 將數組通過指定字符拼接成字符串。
separator可選，如果省略的話，默認為一個逗號。如果 seprator 是一個空字符串，那么數組中的所有元素將被直接連接。
2. push： 往數組的末尾添加一個或者多個元素。返回值：新數組的length。會修改原數組。
3. unshift： 往數組的末尾添加一個或者多個元素。返回值：新數組的length。會修改原數組。
4. pop： 作用: 刪除數組最后 一個 元素。返回值： 被刪除的那一個元素。注意：會修改原數組。
5. shift： 作用: 刪除數組 第一個 元素。返回值： 被刪除的那一個元素。注意：會修改原數組。
6. slice： 作用:截取數組中一部分，并返回這個新的數組.返回值: 截取后的新的數組。注意：不會修改原數組。
7. splice
array array.splice(start, deleteCount[, item1[, item2[, ...]]]) - start 起始位置 - deleteCount 刪除長度 - item 添加的內容 返回值： 由被刪除的元素組成的一個數組 注意：修改了原數組的內容。4.sort
作用： 對數組的元素進行排序。
語法： array arr.sort([compareFunction]);
參數: compareFunction可選。用來指定按某種順序進行排列的函數。如果省略，元素按照轉換為的字符串的諸個字符的Unicode位點進行排序。
返回值: 排序后的數組.
1.children 和 childNodes
children 獲取節點的一級的元素子節點，返回的是集合 HTMLCollection childNodes 獲取節點的子節點，可能獲取到 元素節點，文本節點，注釋節點，返回的是集合 NodeList
p
一句話
2.
node.previousElementSibling 上一個元素兄弟節點
node.nextElementSibling 下一個元素兄弟節點
3.firstElementChild和lastElementChild
1234
4.setAttribute和removeAttribute
5.getBoundingClientRect()
script>
var box = document.getElementById("box");
console.log( box.getBoundingClientRect() );
console.log( box.getBoundingClientRect().left );//盒子 左邊 距離 可視區 左邊 的距離 301
console.log( box.getBoundingClientRect().right);//盒子 右邊 距離 可視區 左邊 的距離 481
console.log( box.getBoundingClientRect().top);//盒子 頂部 距離 可視區 頂部 的距離 ,這個頁面的滾動會發生變化 501
console.log( box.getBoundingClientRect().bottom);//盒子 底部 距離 可視區 頂部 的距離,這個頁面的滾動會發生變化 731
console.log( box.getBoundingClientRect().width);//盒子 可視 寬度（就是不包括margin） 180
console.log( box.getBoundingClientRect().height);//盒子 可視 高度（就是不包括margin）230
6.createElemen
創建元素:
innerHTML
問題:原先元素的事件會被清除.
document.createElement("div");
為創建的元素添加屬性,樣式,事件
7.appendChild
parentNode.appendChild(childNode)
往一個節點里邊添加一個子節點，注意是添加在最后
parentNode:父節點（需要把節點放入哪個容器的內部）
childNode:子節點（需要放的節點）
childNode 會被放進 parentNode 內部 的 尾部
8.insertBefore
parentNode.insertBefore(childNode1,childNode2)
往一個節點的 指定子節點前邊插入一個節點
childNode1插入到childNode2前邊；
如果第二個參數沒有，會報錯
如果第二個參數是null,相當于appendChild
9.removeChild
parentNode.removeChild(childNodes)
從一個節點中刪除指定的子節點。
注意：返回值是你刪除的節點
10.replaceChild
parentNode.replaceChild(node,childNode)
node用來替換的節點
childNodes被替換的子節點
兩個參數都必須寫。
11.cloneNode
node.cloneNode(boolean)
克隆一個節點,返回值是 克隆 的新節點
boolean:是否進行深度克隆
true：克隆元素和元素包含的子孫節點
flase：克隆元素但不包含元素的子孫節點
注意：
克隆的時候會把節點的id也克隆下來，所以要注意多帶帶設置節點的id
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113662.html
摘要：節后，收到了來自百度的電話，簡單明了，商定了電話面試的時間。轉眼間，約定之日到來。后記當天就收到了上海百度的郵件，確認了三面的的時間，還有差旅報銷注意事項。想到要只身一人去到人生地不熟的上海面試，內心有些期待，又有些忐忑。 一切都不那么真實 當一面結束時，一切都顯得不那么真實。幾分鐘前還在著急忙慌地接招，隨著電話的掛斷，周遭又安靜了下來，安靜到感覺連腦袋都變得有些遲鈍。 這種感覺很熟悉...
摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。 花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續更新中……，可以關注下github 項目地址 https:...
閱讀 2265·2023-04-25 23:15
閱讀 1917·2021-11-22 09:34
閱讀 1546·2021-11-15 11:39
閱讀 955·2021-11-15 11:37
閱讀 2152·2021-10-14 09:43
閱讀 3493·2021-09-27 13:59
閱讀 1506·2019-08-30 15:43
閱讀 3454·2019-08-30 15:43
