利用pathname来定位被激活的模块

    //根据url来确定key值
    var arr = window.location.pathname.split('/');
    console.log('我是以/为分隔的pathname',arr);
    var page = arr[arr.length-1].replace('.html','');
    //给key值对应的模块加上active
    console.log('我是处理之后的page名',page);
    $('a.'+page).addClass('active');
  }

//这是模板字符串
var itemTmpl = `<a class="$key tab-item" href="../$key/$key.html">
                  $text
                  </a>`;

这招用在底栏，在首页index.html的时候，底栏已经先行被我们定义好的index类就会有新的样式，要注意自己先手动定义好类名(注意a标签也给了一个$key)，然后给用路由跳转到相应名字的页面