這篇文章會長期更新，作為自己學習的記錄，方便回頭看看備忘

介入開發

一定要弄清楚老的業務是什麼，有輸入的位置做好輸入驗證，常規輸入框必須有長度，輸入特殊字元，指令碼注入檢測等基本的文字框檢測（限制==如無特殊的業務，必須按照DB 的長度限制）

頁面間的聯動，必須要覆蓋多種場景（比如多開，頁面狀態變化等）

滑鼠右鍵貼上能夠觸發的事件 (input)

Deep Clone Array：

使用 Json.parse() 能夠轉換無引用的 Array，但是不能夠轉換帶時間的 Array 物件。

使用 Lodash 的 _.cloneDeep() 方法可以完美克隆

驗證 網址的正則表示式

Js 的 資料過濾

###### C# 裡的 LINQ 可以說是極其好用的一個東西，Js 沒想到也有類似的資料過濾，終於可以擺脫無聊的迴圈遍歷了

public perprotyNameChange(value) {
        if (value.toLowerCase != undefined && value.toLowerCase != "") {
            this.propertiesNameShow = this.propertiesName.filter((s) => s.toLowerCase().indexOf(value.toLowerCase()) !== -1
 
);
        }
        else {
            this.propertiesNameShow = this.propertiesName;
        }
    }

注意：這裡的 callback 不能寫成 (s)=>{s.toLowerCase().indexOf(value.toLowerCase())!==-1;} 這樣會使過濾器失效

氣泡彈框

框主體（內容部分）：

.tip-bubble {
        position: absolute;
        margin: 1em 0em 3em;
        width: 536
 
px;
        padding: 5px;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        top: 62px;
        z-index: 2;
        background: #202020;
        border-radius: 3px;
    }

氣泡部分，通過 :before 來實現

.tip-bubble:before {
        content: "\00a0";
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #202020 transparent;
        position: absolute;
        z-index: 1;
        bottom: 20px;
        left: 268px;
    }

效果：