用于操纵DOM API的Javascript设计模式

Javascript design pattern for manipulating DOM API

本文关键字：Javascript 设计模式 API 操纵 DOM 用于      更新时间：2023-09-26

我读了很多主题，在github上浏览了很多JS插件，其中很多插件都有自己的构建代码的方式和使用的模式。在某些情况下，他这样做的原因是显而易见的。但是，当处理较小的东西，而不是大的SAP时，哪种模式最有"优势"？

现在，我要这样做：https://github.com/goranefbl/GENS-Javascript-Boilerplate/blob/master/main.js

是的，它工作得很好，但我想知道对于较小的插件，尤其是那些只操作DOM（创建新元素/四处移动/添加事件侦听器等）的插件，什么是最好的模式，当然为什么？也许我不需要为小东西污染命名空间。

以下是最新组件的示例：gist.github.com/goranefbl/1b6144ee8cd8708c7511a1a2fb7c53a6它只是在选择字段下面创建无序列表，以便于样式设置。

用上面的样板做例子感觉不太好。

您正在寻找比发布的模式更小的模式。让我们看看我们可以去掉哪些部件：

defaults对象和extendDefaults方法不是必需的，您可以使用

window.GENSPlugin = function(firstoption, secondoption) {

问题是，你真的需要一个插件吗？你说过你不想污染全局命名空间，那么这个呢：

(function() {
    'use strict';
    // not accessible from outside the function
    var obj1 = document.getElementById("...");
    // accesible from outside
    window.obj2 = function() {
        ...
    }
})();
相关文章：