前言 Web Component不是新东西,几年前的技术,但是受限于浏览器兼容性,一直没有大规模应用在项目里,直到现在(2018年年末),除IE仍不支持之外,其它主流浏览器都支持Web Component. Web Component不是一个东西,它分为四部分,分别是 template--模板 HTML import--HTML导入 Shadow DOM--影子DOM Custom Elements--自定义元素 template 前端模板也不是个新概念,templatejs.ejs等模板引擎早
前端静态html页面,封装公共的头文件(header:顶部页眉,顶部导航栏等部分)和尾部文件(footer:CopyRight.友情链接等部分) 当前方法:通过load()函数,引入公共头部和尾部文件; 本文案例:引入通用的侧边栏 案例结构图: 侧边栏对应的html文件代码: <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar.less --> <section