如果你还在寻找纯前端的,无webpack的,无server的组件封装方式,那是时候玩一玩Web Components了。
“那兼容性呢?”
“你说啥?”
“兼容性呢?”
“你说啥?”
“……”
“你说啥?”
“我知道了,那不是我的目标用户。”
“你说兼容性啊,有个东西叫Polyfill。”
起因
闲着无聊,重写一个简单的管理页面,顺手改造成Web Components,就想着写一篇上手文章,分享一下。
正文
假设我们有个简单的要死的导航,没有图片,没有样式,就是单单的nav套几个a标签,如图:
然后我们就改写成Web Components吧,至于为啥?闲的,不行吗?当然是为了不停的学习了。
原来的结构: