Question

我打算创建一个简单的可嵌入小部件，想想像谷歌广告或像盒子一样的Facebook。任何人都可以将小部件放在他们的网站上，我会阅读一些参数来从我的服务器加载一些数据。

在过去，我使用jQuery来进行API调用，模板化和DOM操作，它的工作非常简洁。

我想知道我是否应该使用像Angular这样的东西或坚持使用jQuery或vanilla JS。

感谢您的反馈。

Answer 1

我个人喜欢jQuery-UI创建自定义小部件的概念。这很容易学习和理解。你可以创建自己的小部件或扩展任何已存在的小部件（如progressbar，draggable，droppable）。

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

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

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

2 个答案: