当前位置: 首页 > Web前端 > HTML

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

时间:2023-04-02 19:17:06 HTML

第三方嵌入需要考虑很多问题,比如页面加载速度、页面污染、代码嵌入位置等,更快的加载速度会提升用户体验,提高服务质量。广告的好处不说,早点加载总比在其他用户看不到的情况下关闭要好得多。防止页面污染是一个需要全方位考虑的问题。在考虑自己的代码时,还需要考虑嵌入式环境中的代码可能是什么形式。嵌入的位置决定了加载时间。本文主要讲一下防止污染的方法。总结防止页面污染需要从两个方面来考虑:js和css。js把要执行的函数和变量都绑定在自己创建的全局变量里,比如window.myCode,都是。创建自己的dom元素,然后将相关的函数和变量绑定到创建的dom元素上。csscs的抗污染措施主要是从选择器的优先级来考虑的。尽量选择优先级高的选择器,比如id选择器,使用后代选择器。同时,选择器名称要尽可能有自己的特点,避免冲突。#myCode{....}#myCodea{...}可以考虑使用ins等不常用的标签,尽量减少撞衫的可能性。