Entwickeln von Drittanbieter-Widget - Angular vs jQuery vs plain alten JS

Question

Ich plane ein einfaches embeddable Widget zu erstellen, denke an so etwas wie Google-Anzeigen oder Facebook wie Box. Jeder kann das Widget auf seiner Website löschen und ich werde ein paar Parameter lesen, um einige Daten von meinen Servern zu laden.

In der Vergangenheit habe ich jQuery verwendet, um die API-Aufrufe, Templating und DOM-Manipulation zu machen, und es hat ziemlich gut funktioniert.

Ich frage mich, ob ich etwas wie Angular oder Stick mit jQuery oder Vanille JS verwenden sollte.

Vielen Dank für Ihr Feedback.

Answer 1

Ich persönlich mag das Konzept der jQuery-UI zum Erstellen von benutzerdefinierten Widgets. Das ist ziemlich einfach zu lernen und zu verstehen. Sie können Ihr eigenes Widget erstellen oder eines der bereits vorhandenen Widgets (wie progressbar, draggable, droppable) erweitern.

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

Answer 2

Ich würde Vanila JS empfehlen, damit das Widget nicht von anderen Frameworks abhängig ist, was die Benutzerfreundlichkeit erleichtert. Wenn es Ihr Ziel ist, jedem zu ermöglichen, es einfach auf seiner Website zu löschen, müssen Sie berücksichtigen, dass verschiedene Frameworks von verschiedenen Entwicklern verwendet werden können und dass eine bestimmte für das Widget erforderliche Wahrscheinlichkeit eine hohe Wahrscheinlichkeit hat, Leute auszuschalten. In wenigen Worten ist Vanila JS das einzige, was in allen anderen Frameworks gleich ist, daher ist es die beste Option.