系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》

以下是Magento 2中的jQuery小部件编码标准：

将小部件包含在立即执行函数（Immediately-Invoked Function Expression，IIFE）中，以防止全局污染。

在小部件构造函数中将选项与默认值合并。

在小部件构造函数中，将所有DOM元素的引用缓存为实例属性。

在小部件构造函数中，将所有事件处理程序绑定到DOM元素上，并使用“.proxy”方法绑定到小部件实例，以确保在处理程序中正确引用实例属性和方法。

在小部件构造函数中，调用“_init”方法以初始化小部件。

在小部件构造函数中，将“options”对象传递给“_setOptions”方法，以设置小部件选项并在必要时重新渲染小部件。

在小部件构造函数中，将小部件实例存储在DOM元素上，以便稍后可以通过DOM元素访问该实例。

在小部件构造函数中，调用“_create”方法以创建小部件，并在必要时使用“_setOptions”方法设置选项。

在小部件销毁时，取消绑定所有事件处理程序，并将所有实例属性设置为null。

以下是一个Magento 2中的jQuery小部件代码示例：

(function ($) {
    $.widget('mymodule.myWidget', {
        options: {
            message: 'Hello World!'
        },
        
        _create: function () {
            this._render();
        },
        
        _render: function () {
            var $element = this.element;
            var message = this.options.message;
            
            $element.html(message);
            $element.addClass('my-widget');
        },
        
        _setOptions: function (options) {
            $.extend(this.options, options);
            this._render();
        },
        
        _init: function () {
            this._render();
        },
        
        _destroy: function () {
            this.element.empty();
            this.element.removeClass('my-widget');
            this.element.off();
            this.element.removeData('mymodule-myWidget');
            this.element = null;
        }
    });
})(jQuery);

在这个示例中，我们创建了一个名为“myWidget”的jQuery小部件。我们定义了选项对象，包含默认消息“Hello World！”。我们实现了“_create”方法，该方法调用“_render”方法以呈现小部件。我们还实现了“_setOptions”方法，该方法将选项与默认值合并，并在必要时重新渲染小部件。我们还实现了“_init”方法，该方法在小部件初始化时呈现小部件。最后，我们实现了“_destroy”方法，该方法在销毁小部件时清除所有实例属性和事件处理程序。