开发第三方小部件 - Angular vs jQuery vs 普通的旧 JS

Question

我正计划创建一个简单的可嵌入小部件，想想像 Google 广告或 Facebook 之类的框。任何人都可以将小部件放在他们的网站上，我将读取一些参数以从我的服务器加载一些数据。

过去，我使用 jQuery 进行 API 调用、模板化和 DOM 操作，而且效果非常好。

我想知道我是应该使用 Angular 还是坚持使用 jQuery 或 vanilla JS。

感谢您的反馈。

Answer 1

我建议使用 Vanila JS，这样小部件就不会依赖于其他框架，从而使其更易于使用。如果您的目标是让每个人都可以将它放在他们的网站上，您需要考虑到不同的开发人员可能使用不同的框架，并且为小部件制作一个特定的框架很可能会让人们失望。简而言之，Vanila JS 是所有其他框架中相同的一件事，因此它是您的最佳选择。

Answer 2

我个人喜欢 jQuery-UI 创建自定义小部件的概念。这很容易学习和理解。您可以创建自己的小部件或扩展任何已经存在的小部件（如进度条、可拖拽、可拖放）。

$.widget( "widget.my_widget", {
    options: {  // Default options.
        value: 0
    },
    _create: function() {
        this.element.addClass( "my_widget" ).text( this.options.value );
  console.log(this);
    }
});

var my_widget = $('#widget').my_widget({
 value : 1
})

.my_widget{
 text-align: center;
 border:1px solid #000;
 width:20px;
 height: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>


<div id="widget"> </div>

开发第三方小部件 - Angular vs jQuery vs 普通的旧 JS

Developing third party widget- Angular vs jQuery vs plain old JS

javascript

jquery

widget

angularjs