我正在計劃創建一個簡單的可嵌入小部件,想想像谷歌廣告或Facebook之類的東西。任何人都可以將小部件放在他們的網站上,我會閱讀一些參數從我的服務器加載一些數據。開發第三方小部件 - Angular vs jQuery vs普通老js
在過去我使用jQuery來進行API調用,模板和DOM操作,它的工作非常簡潔。
我想知道我是否應該使用類似Angular的東西,或者堅持使用jQuery或vanilla JS。
感謝您的反饋。
我正在計劃創建一個簡單的可嵌入小部件,想想像谷歌廣告或Facebook之類的東西。任何人都可以將小部件放在他們的網站上,我會閱讀一些參數從我的服務器加載一些數據。開發第三方小部件 - Angular vs jQuery vs普通老js
在過去我使用jQuery來進行API調用,模板和DOM操作,它的工作非常簡潔。
我想知道我是否應該使用類似Angular的東西,或者堅持使用jQuery或vanilla JS。
感謝您的反饋。
我個人喜歡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);
\t \t console.log(this);
}
});
var my_widget = $('#widget').my_widget({
\t value : 1
})
.my_widget{
\t text-align: center;
\t border:1px solid #000;
\t width:20px;
\t 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>
我會建議使用Vanila JS,所以小部件不會依賴於其他框架,從而使其更易於使用。如果您的目標是讓每個人都將其放在他們的網站上,那麼您需要考慮到不同開發人員可能會使用不同的框架,並且爲小部件制定特定的框架很有可能導致人員關閉。 Vanila JS在所有其他框架中都是一樣的,因此它是您的最佳選擇。
Vanila JS與多種瀏覽器兼容,所以我選擇了它 – madalinivascu