微前端
文章平均质量分 76
瓜皮伦
从你的前端路过
展开
-
micro-app的css样式隔离
子应用的CSS可能会对基座应用或者其他子应用产生的影响首先现在我们把react页面放入到vue2的页面大家也能看到一些问题了,在react中的index.css中对body的一些css样式,已经影响了基座应用的css。做实验的时候,如果是vue2项目。别把这个样式写到了带scoped的style样式标签中了,这种本身就是隔离的,我们这里所谓的隔离,主要是针对全局样式。原创 2024-04-21 17:57:19 · 1275 阅读 · 0 评论 -
浅谈Web Component
Web Component是HTML5推出的一个新特征,就是web组件,它描述的其实是三种不同的的API:自定义元素,Shadow DOM和HTML模板.自定义元素: 在 HTML 基础标签外扩展自定义标签元素Shadow DOM: 主要用于将 Shadow DOM 的内容与外层document DOM 隔离HTML 模板: 使用 来定义组件模板,使用 作为插槽使用。原创 2023-12-17 14:43:37 · 216 阅读 · 0 评论