編寫自己的代碼庫

1.前言

2.字元串操作

2-1去除字元串空格

2-2字母大小寫切換

2-3字元串循環複製

2-4字元串替換

2-5替換*

2-6檢測字元串

2-7檢測密碼強度

2-8隨機碼（toString詳解）

2-9查找字元串

可能標題會有點誤導，下面我就簡單說明一個需求，在字元串的出現次數。代碼如下

3.數組操作

3-1數組去重

這個方法是在太多了，我之前寫的文章(js數組操作–使用迭代方法替代for循環,js關鍵詞變色，數組打亂，數組去重的實現和封裝)也有提到，我今天這裡就寫一種之前沒用過的方法。

3-2數組順序打亂

3-3數組最大值最小值

3-4數組求和，平均值

3-5從數組中隨機獲取元素

3-6返回數組（字元串）一個元素出現的次數

3-7返回數組（字元串）出現最多的幾次元素和出現次數

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2])

默認情況，返回所有元素出現的次數

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3)

傳參（rank=3），只返回出現次數排序前三的

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],null,1)

傳參（ranktype=1,rank=null），升序返回所有元素出現次數

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3,1)

傳參（rank=3，ranktype=1），只返回出現次數排序（升序）前三的

3-8得到n1-n2下標的數組

3-9篩選數組

4.基礎DOM操作

這個部分代碼其實參考jquery的一些函數寫法，唯一區別就是調用不用，參數一樣.

比如下面的栗子

現在：

4-1檢測對象是否有哪個類名

4-2添加類名

4-3刪除類名

4-4替換類名(「被替換的類名」,」替換的類名」)

4-5獲取兄弟節點

4-6設置樣式

4-7設置文本內容

4-8顯示隱藏

5.其他操作

5-1cookie

5-2清除對象中值為空的屬性

5-3現金額大寫轉換函數

5-4獲取，設置url參數

5-5隨機返回一個範圍的數字

5-6隨進產生顏色

5-7Date日期時間部分

5-8適配rem

這個適配的方法很多，我就寫我自己用的方法。大家也可以去我回答過得一個問題那裡看更詳細的說明！移動端適配問題

6.封裝成形

寫了這麼多的操作，小夥伴應該發現了一問題，全局函數太多了

這樣就算別人也寫這樣的函數,也不會造成衝突。全局變數也只有一個，加上別人也不會很多！

可能有小夥伴會有疑問，這樣封裝，調用有點麻煩，為什麼不直接在原型上面封裝，調用方便。比如下面的栗子！

所以在原生對象原型的修改很不推薦！至少很多的公司禁止這樣操作！

7.小結

這篇文章，寫了很久了，幾個小時了，因為我寫這篇文章，我也是重新改我以前代碼的，因為我以前寫的代碼，功能一樣，代碼比較多，現在是邊想邊改邊寫，還要自己測試（之前的代碼for循環很多，現在有很多簡潔的寫法代替）。加上最近公司比較忙，所以這一篇文章也是花了幾天才整理完成。

源碼都放在github上了，大家想以後以後有什麼修改或者增加的，歡迎大家來star一下ec-do。

我自己封裝這個，並不是我有造輪子的習慣，而是：

都是一些常用，但是零散的小實例，網上基本沒有插件。

因為零散的小實例，涉及到的有字元串，數組，對象等類型，就算找到插件，在項目引入的很有可能不止一個插件。

都是簡單的代碼，封裝也不難。維護也簡單。

廢話就不多說了，上面的只是我自己在開發中常用到，希望能幫到小夥伴們，最理想就是這篇文章能起到一個拋磚引玉的作用，就是說，如果覺得還有什麼操作是常用的，或者覺得我哪裡寫得不好的，也歡迎指出，讓大家相互幫助，相互學習。

作者：守候你

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！