第三方小部件JavaScript

Question

我正计划制作一个可以复制粘贴并在任何网站中使用的JavaScript小部件。 在开始之前，我想了解几件事。

任何帮助深表感谢。

谢谢。

Answer 1

您始终可以使用父类，在该类下定义窗口小部件使用的样式。 这样，您将可以很好地控制CSS，并且不会与页面上的其他CSS冲突。

例如

.myWidgetName .container{
   /* define your styles here */
}
.myWidgetName .header{
   /* define your styles here */
}

通过使用名称空间可以避免JS冲突。 尽可能使用匿名函数。 这些没有名称，也不会创建为全局变量。 匿名函数可以立即执行，也可以引用以供以后使用。 通常，您可以将整个脚本包装在一个匿名函数中，尽管只要不创建任何其他全局变量，就没有必要。

(function () {
  //code to execute

})();

Answer 2

内联样式（ style="color:red" ）始终具有最高优先级。 因此通过使用它们，它们不能被其他css声明覆盖。 关于您的javascript，您应该使用单个闭包。 将您的代码放入匿名函数并立即调用。

(function MyFunction() { 

    var myVar = 123;

})();

不要使用任何全局变量。 匿名函数内部的变量和函数将无法从外部访问。