首页 > Web开发 > 详细

网站公共部分的复用

时间:2019-05-11 20:32:30      阅读:126      评论:0      收藏:0      [点我收藏+]

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

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

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

网站公共部分的复用

原文:https://www.cnblogs.com/daiSir/p/10849822.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!