一個網站的公共部分因為是一樣的，可以通過公共部分的復用來減少代碼的重復，同時也利於代碼的後期維護。

關於公共部分復用的方法有很多，這裏提供一些方法（持續更新）

利用ajax請求組件（單個HTML）實現簡單的復用

var utils = {
　　render(selector, url) {
　　　　bodyContent = $.ajax({
　　　　　　url: url,
　　　　　　type: "GET",
　　　　　　dataType: "html",
　　　　　　async: false,
　　　　　　success: function (data) {
　　　　　　　　selector.html(data);
　　　　　　}
　　　　})
　　},
}
 

封裝一個工具類，然後再需要相應的共享頁面時，通過調用util.render方法實現復用

 utils.render($(‘#myFooter‘), ‘pages/component/footer.html‘)

網站公共部分的復用