Javascript 安全地编写嵌入式JS小部件

客观的 创建一个可嵌入的Javascript小部件，用户可以在页面上嵌入几行支持异步的Javascript，而无需中断页面来加载gallery+lightbox。在阅读了关于该主题的多条线索后，似乎没有一条能够完全回答以下问题：

问题 在隔离CSS样式以确保我们的小部件不会覆盖用户页面上的任何内容或覆盖用户页面上的任何内容时，我想知道：

以最安全的方式加载其他插件/依赖项（如jQuery UI、Galleria）的最佳实践是什么？如果用户的站点已经加载了我们将要加载的一些插件，我们如何防止干扰

使用如上所述的加载程序脚本直接将脚本和异步标记嵌入到目标页面中有什么缺点？这将导致用户只需在页面中嵌入一行代码，而不是谷歌分析和Facebook等服务中常见的多行脚本标记生成方法

在小部件中使用jQuery时，noConflict方法是最好的方法吗？这将如何与其他同样依赖jQuery的插件协同工作

---

提前感谢您的输入

这是一项相当复杂的任务，特别是当您依赖大量的库和样式时。我可以推荐一本关于这个话题的好书：谢谢你的建议。我实际上读过这本书，他们在编写依赖于其他插件的小部件时特别忽略了考虑因素。它也没有提到“加载器”小部件，我现在看到的越来越多