一个网站的公共部分因为是一样的，可以通过公共部分的复用来减少代码的重复，同时也利于代码的后期维护。

关于公共部分复用的方法有很多，这里提供一些方法（持续更新）

利用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')