(JS隔离)的几种方案带来的思考和展望

背景介绍: 从第五代标准HTML推广发布后,其中工作线程(Web Worker)概念的推出让人眼前一亮,但未曾随之激起多大的浪花,并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。 但自从2019 年爆火的微前端架构的出现,基于微应用间 JavaScript 沙箱隔离的需求,Web Worker 才得以重新从边缘化的位置跃入到我的中心视野。 什么是JS沙箱: 在现实与 JavaScript 相关的场景中,我们知道平时使用的浏览器就是一个沙箱,运行在浏览器中的 JavaScript 代码无法直接访问文件系统、显示器或其他任何硬件。Chrome 浏览器中每个标

简论微前端的意义与发展

简论微前端的意义与发展 PS:以下言论部分整理于网友 先说一下为什么需要微前端 我抛出两个场景,大家思考一下: 1.新入职一家公司,老板给你一个5年,甚至于10年的老项目,需要你在这个项目上加入其他功能 2.你们起了一个新项目,老板只给了一个要求,要这个项目的架构在3年甚至于5年后依旧保持活力,不论为遗产项目 第一个场景我们初步一想,可以啊,我只需要把新功能用 react/vue 开发,反正他们都只是 ui library,给我一个dom 节点我想怎么渲染怎么渲染。但是你有没有考虑过这只是浮在表层的视图实现,沉在底下的工程设施呢?我要怎么把这个用 react 写的组件打出一个包,并且集成

初学者进——前端女友帮助整理前端常用css样式(极其有用)

html页面的元素有好多,分块儿级元素,行内元素,行内块儿级元素 块儿级元素 :像div,p,h这种的,不管宽是多少都占一整行 行内元素:像span,a,label啊,i这种的,如果写好几个就挨着排队,而且width、margin-top,margin-bottom、padding-top对行内元素都没有用, padding-left,right,bottom和margin-left、margin-right是好用的,也就是margin的竖直方向上数值无效,padding只有padding-top数值无效 1.子债父偿: 一个父元素margin:0;子元素给定margin-top:10