前端第三方嵌入防污染總結

搞第三方嵌入須要考慮不少問題，好比說頁面加載速度、頁面的污染、代碼的嵌入位置等。較快的加載速度會提升用戶的體驗，提升服務的質量，對廣告來講，好處更不用說，早點加載出來比沒有別用戶看到就被關閉的效果要好不少。而防止頁面污染是一個須要全方面考慮的問題，出來考慮自身的代碼，還須要考慮嵌入環境的代碼多是什麼形式的。而嵌入的位置決定了加載時間。這篇文章主要講講防污染的方式。

綜述

防止頁面污染須要從兩方面考慮：js和css。

js

1. 把本身要執行的函數和變量綁定在本身建立的全局變量中，例如window.myCode,全部的。
2. 建立本身的dom元素，而後把相關的函數和變量都綁定在建立的dom元素中。

css

css的防污染措施思路主要是從選擇器的優先級考慮的。
儘可能選擇優先級高的選擇器，例如id選擇器，使用後代選擇器，同時，選擇器名儘可能有本身的特點，省得撞衫。

#myCode{....}
    #myCode a{...}

能夠考慮使用不經常使用的標籤，ins這種，儘可能下降撞衫的可能性。