前端第三方嵌入防污染总结

搞第三方嵌入需要考虑很多问题,比如说页面加载速度、页面的污染、代码的嵌入位置等。较快的加载速度会提高用户的体验,提高服务的质量,对广告来说,好处更不用说,早点加载出来比没有别用户看到就被关闭的效果要好很多。而防止页面污染是一个需要全方面考虑的问题,出来考虑自身的代码,还需要考虑嵌入环境的代码可能是什么形式的。而嵌入的位置决定了加载时间。这篇文章主要讲讲防污染的方式。

综述

防止页面污染需要从两方面考虑:js和css。

js

  1. 把自己要执行的函数和变量绑定在自己创建的全局变量中,例如window.myCode,所有的。
  2. 创建自己的dom元素,然后把相关的函数和变量都绑定在创建的dom元素中。

css

css的防污染措施思路主要是从选择器的优先级考虑的。
尽量选择优先级高的选择器,例如id选择器,使用后代选择器,同时,选择器名尽量有自己的特色,免得撞衫。

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

可以考虑使用不常用的标签,ins这种,尽量降低撞衫的可能性。

    原文作者:NikoManiac
    原文地址: https://segmentfault.com/a/1190000011140201
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞