2016-05-13 53 views
1

我正在計劃創建一個簡單的可嵌入小部件,想想像谷歌廣告或Facebook之類的東西。任何人都可以將小部件放在他們的網站上,我會閱讀一些參數從我的服務器加載一些數據。開發第三方小部件 - Angular vs jQuery vs普通老js

在過去我使用jQuery來進行API調用,模板和DOM操作,它的工作非常簡潔。

我想知道我是否應該使用類似Angular的東西,或者堅持使用jQuery或vanilla JS。

感謝您的反饋。

+0

Vanila JS與多種瀏覽器兼容,所以我選擇了它 – madalinivascu

回答

2

我個人喜歡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>

1

我會建議使用Vanila JS,所以小部件不會依賴於其他框架,從而使其更易於使用。如果您的目標是讓每個人都將其放在他們的網站上,那麼您需要考慮到不同開發人員可能會使用不同的框架,並且爲小部件制定特定的框架很有可能導致人員關閉。 Vanila JS在所有其他框架中都是一樣的,因此它是您的最佳選擇。