【筆記整理】前端基本功-內置對象

1.1 Date

案例：日曆、倒計時

1.2 String/Number/Boolean

給索引查字符(charAt/charCodeAt)

1. charAt，獲取相應位置字符（參數： 字符位置）

註釋：字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 string.length 之間，該方法將返回一個空字符串。

2. charCodeAt獲取相應位置字符編碼（參數： 字符位置）

charAt()方法和charCodeAt()方法用於選取字符串中某一位置上的單個字符

區別：charCodeAt()方法，它並不返回指定位置上的字符本身，而是返回該字符在Unicode字符集中的編碼值。如果該位置沒有字符，返回值爲NaN.

字符/字符編碼 = Str.charAt/charCodeAt(索引值);

給字符查索引（indexOf/lastIndexOf）

1. indexOf，從前向後索引字符串位置（參數： 索引字符串）
   從前面尋找第一個符合元素的位置
2. lastIndexOf，從後向前索引字符串位置（參數：索引字符串）
   從後面尋找第一個符合元素的位置
   找不到則返回 -1

索引值 = str.indexOf/lastIndexOf(想要查詢的字符);

url 編碼和解碼（瞭解）
URI (Uniform ResourceIdentifiers,通用資源標識符)進行編碼，以便發送給瀏覽器。有效的URI中不能包含某些字符，例如空格。而這URI編碼方法就可以對URI進行編碼，它們用特殊的UTF-8編碼替換所有無效的字符，從而讓瀏覽器能夠接受和理解。
encodeURIComponent() 函數可把字符串作爲 URI 組件進行編碼
decodeURIComponent() 函數可把字符串作爲 URI 組件進行解碼

字符串的鏈接

新字符串 = str1.concat(str2)； 鏈接兩個字符串

字符串的截取

1. slice，截取字符串（參數：1，截取位置【必須】，2終結點）
   字符串 = str.slice（索引1，索引2); 兩個參數都是索引值。

(1).（2,5）  正常包左不包右。
(2). ( 2 )   	從指定的索引位置剪到最後。
(3).（-3）   從倒數第幾個剪到最後.
(4).（5,2）  前面的大，後面的小，空。

2. substr，截取字符串（參數：1，截取位置【必須】，2截取長度）
   字符串 = str.substr（參數1，參數2); 1索引值,2長度。
   第一個參數爲從索引位置取值，第二個參數返回字符長度。

(1).（2,4）    從索引值爲2的字符開始，截取4個字符。
(2).（1）     一個值，從指定位置到最後。
(3).（-3）    從倒數第幾個剪到最後.
(4). 不包括前大後小的情況。

3. substring 同slice
   字符串 = str.substring（參數1，參數2); 兩個參數都是索引值。
   不同1：參數智能調轉位置。
   不同2：參數負值，將全部獲取字符串。

   （1）.（2,5）    正常包左不包右。
    (2).   ( 2 )      從指定的索引位置剪到最後。
    (3).  （-3）    獲取全部字符串.
    (4).  （5,2）   前面的大，後面的小，不是空。（2,5）

特殊方法簡介

trim()     //只能去除字符串前後的空白
replace()  //替換   str.replace(/aaa/gi,“bbb”);
split()    //字符串變數組

Math

Math.abs();       取絕對值
Math.floor();      向下取整
Math.ceil();       向上取整
Math.round();     四捨五入取整
Math.random();   隨機數0-1

addEventListenner（兼容綁定、移除、原理）

1.使用方法
2.實現原理
3.兼容性。
5.移除事件

1.bnt.onclick = null;
2.btn.removeEventListener(...);
3.btn.detachEvent(...);(attachEvent)	

4.封裝