background picture of the home page

欢迎来到cheems的博客

欢迎大家来cheems的博客

  • prev
  • next

微前端-JS隔离

这个难度要比CSS隔离难一些了。要考虑的东西也非常多。 方案: 使用 WebAssembly 进行隔离,WebAssembly 会被限制运行在一个安全的沙箱执行环境中,但运行时不能直接调用 Web API 使用 Web Worker 进行隔离,每个 Worker 有自己独立的 Isolate 实例。

thumbnail of the cover of the post

微前端-CSS隔离

最快最简单的方法就是直接上iframe,天然实现的 CSS 隔离。但是由于隔离的太好了,导致iframe内的弹窗蒙层无法全屏,用户体验不好。于是就有其他实现CSS 隔离的方案。 CSS隔离方案 iframe隔离 scoped隔离,都是玩过VUE的,在style标签增加scoped后,就可以使得当前C

thumbnail of the cover of the post

认识微前端

微前端解决了哪些业务问题? 为啥需要微前端我曾经给旺旺做外包,那时候做过的一个后台项目是自己第一个微前端项目。那时候很多微前端技术栈还不成熟,所以使用iframe方案。 管理后台型类型的项目,这类项目往往页面重复率高。有很多公司为了降本增效,有采用过低代码(在开发周期紧张的项目中,低代码可以有效的解

thumbnail of the cover of the post

禁止别人调试你的代码!

为啥? 我经常喜欢打开开发者工具,看看网站的源码,dom之类的。看到喜欢的好看的页面,就会想办法看看是如何实现,甚至还会跑跑对方的接口。也会在一些收费或者VIP视频网站内看看是否可以钻一下漏洞,然后写一个油猴插件,增加使用体验。这就可能会对一些网站的拥有者造成了一些权益的损害。所以为了防止我们的代码

thumbnail of the cover of the post

开源react组件库+hooks库

简介 这是一个基于react,包含组件与hooks的库。现包含16个组件,29个hooks。 所有的组件及hooks都有对应的文档。 内部的部分组件及hooks有对应的单元测试。 在线文档 安装 npm install cheemsDesign --save 使用

thumbnail of the cover of the post

浅析函数式编程

三种编程的范式 命令式,C 语言 面向对象,Java、C++ 函数式,Haskell、Clojure 那么,JavaScript是哪种? 三种都是,JavaScript

thumbnail of the cover of the post

前端老哥怎么点后端技能树?

PS:后面会更新更适合纯前端的NEST基础的后端技术路线方案,到时候会跟JAVA路线做对比,相似度还是蛮高的,后期自己更融会贯通后会更新这一块。 一、为啥要学后端? 一个对后端一窍不通的开发是不完美的,目前局势已经发展到JAVA开发普遍可以完成前端的日常操作,尽管有一些细节问题,但是几乎所有的后端开

thumbnail of the cover of the post

大文件上传

一、问题背景 如今,网络数据量正在以一种超线性的方式增长,Web 应用不再仅仅服务于传统的单一、小文件上传下载,而是需要处理大规模数据的上传,例如机器学习和人工智能行业中的数据训练、模型训练等,文件大小可能会达到数十GB甚至上百GB。 But,用户在上传大量文件数据时,可能由于网络波动导致上传过程在

thumbnail of the cover of the post

前端的各种Worker

JS居然也可以多线程! 如果你刚刚开始使用JS,你会怀疑这句话,因为一开始所有人都会告诉你JS是一门单线程语言,多线程是后端独占的,并且告诉你为什么以及event Loop相关知识。并且嘱咐你这就以及足够应对我们的开发场景了。然而实际上,JS可以进行多线程。而且非常简单。 WebWorker:为前端

thumbnail of the cover of the post