Javascript/JQuery UI плагин лучшей практики

Question

У меня есть страница HTML, которая использует JQuery UI для портлетов/перезначительном

Мой вопрос: что является лучшей практикой, чтобы написать код JS?

1. Я использую ссылку сценарий, как в моем HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js "></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

Это лучший подход, или я должен включать в себя 2 JS в моей папке JS и ссылаться на них?

2. Где написать код jQuery UI для Portlets/Resizable? Что лучше написать этот код в HTML-файл сам, или я должен написать в файле отдельный JS (скажем, JQuery-щ-config.js) У меня есть следующий код

$(function() { 
$(".column").sortable({ 
connectWith: ".column" 
}); 
$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all") 
.find(".portlet-header") 
.addClass("ui-widget-header ui-corner-all") 
.prepend("<span class='ui-icon ui-icon-minusthick'></span>") 
.end() 
.find(".portlet-content"); 
$(".portlet-header .ui-icon").click(function() { 
$(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick"); 
$(this).parents(".portlet:first").find(".portlet-content").toggle(); 
}); 


var maxBorderCellWidth = 350; 
    var minBorderCellWidth = 200; 
    var resizeCenter = function() { 
     var clientWidth = $(window).innerWidth(); 
     var leftWidth = $(".left").outerWidth(true); 
     var rightWidth = $(".right").outerWidth(true); 
     $('.center').width(clientWidth-leftWidth-rightWidth); 
    } 

    $(".left").resizable({ 
     maxWidth: maxBorderCellWidth, 
     minWidth: minBorderCellWidth, 
     handles: 'e', 
     resize: function (event, ui){ 
      resizeCenter(); 
     } 
    }); 
    $(".right").resizable({ 
     maxWidth: maxBorderCellWidth, 
     minWidth: minBorderCellWidth, 
     handles: 'w', 
     resize: function (event, ui){ 
      resizeCenter(); 
     } 
    }); 



}); 

Answer 1

1. Ваш путь является стандартом практики. Просто от Google к CDN ваш файл jQuery, он может ускорить ваш сайт. Вы знаете, у Google есть серверы по всему миру.

2. Я думаю, что он должен поместить ваш js-код в отдельный файл. Поскольку большая часть селектора вашего кода является элементом класса HTML. Как правило, элементы класса обычно используются, поэтому, возможно, этот код будет выполнять не только HTML-страницу. Так что поставьте его отдельно, тогда вы сможете легко их модифицировать.