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

Question

我正计划创建一个简单的可嵌入小部件，比如谷歌广告或类似Facebook的盒子。任何人都可以把这个小部件放在他们的网站上，我会读取一些参数来从我的服务器加载一些数据。

在过去，我曾使用jQuery进行API调用、模板化和DOM操作，它的工作非常巧妙。

我想知道我是应该使用Angular之类的东西，还是坚持使用jQuery或香草JS。

感谢您的反馈。

Answer 1

我个人喜欢jQuery UI创建自定义小部件的概念。这很容易学习和理解。您可以创建自己的小部件或扩展任何现有的小部件（如progressbar、draggable、dropable）。

$.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>

Answer 2

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