查看原文
其他

推荐两个腾讯开源的前端框架,好用又好看!

终码一生 2023-07-06

点击“终码一生”,关注,置顶公众号

每日技术干货,第一时间送达!

耗时8个月联合打造 《 2023年Java高薪课程 》,更新了 102G 视频累计更新时长 500+ 个小时,需要的小伙伴可以了解下,一次购买,持续更新,无需2次付费。


今天推荐两个腾讯开源的前端框架,分别是 wujie(无界)和 Omi。

wujie(无界)
无界微前端是一款基于 Web Components + iframe 微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。

Web Components 是一个浏览器原生支持的组件封装技术,可以有效隔离元素之间的样式,iframe 可以给子应用提供一个原生隔离的运行环境,相比自行构造的沙箱 iframe 提供了独立的 window、document、history、location,可以更好的和外部解耦。
无界微前端采用 webcomponent + iframe 的沙箱模式,在实现原生隔离的前提下比较完善的解决了上述问题。
另外,有需要chatGPT和jb授权账号的小伙伴,可以点击「原文阅读」,去我网站购买,24h自动发货。
特性
  • 成本低

    • 主应用使用成本低

    • 子应用适配成本低

  • 速度快

    • 子应用首屏打开速度快

    • 子应用运行速度快

  • 原生隔离

    • css 样式通过 Web Components 可以做到严格的原生隔离

    • js 运行在 iframe 中做到严格的原生隔离

  • 功能强大

    • 支持子应用保活

    • 支持子应用嵌套

    • 支持多应用激活

    • 支持应用共享

    • 支持去中心化通信

    • 支持生命周期钩子

    • 支持插件系统

    • 支持 vite 框架

开源项目地址:https://github.com/Tencent/wujie

Omi
Omi 是一个前端跨框架跨平台框架。

特性
  • 跨框架,任何框架可以使用 Omi 自定义元素

  • 提供桌面、移动和小程序整体解决方案

  • 小巧的尺寸和高性能

  • 基于 Shadow/Light Dom 设计

  • 符合浏览器的发展趋势以及 API 设计理念

  • Web Components + JSX/TSX 融合为一个框架 Omi

  • JSX/TSX 是开发体验最棒(智能提示)、语法噪音最少、图灵完备的 UI 表达式,模板引擎不完备,模板字符串完备但是语法噪音太大

  • 看看 Facebook React 和 Web Components 对比优势,Omi 融合了各自的优点,而且给开发者自由的选择喜爱的方式

  • Shadow/Light DOM 与 Virtual DOM 融合,Omi 既使用了虚拟 DOM,也是使用真实 Shadow DOM,让视图更新更准确更迅速

  • 局部 CSS 最佳解决方案(Shadow DOM),社区为局部 CSS 折腾了不少框架和库(使用 js 或 json 写样式,如:Radium,jsxstyle,react-style;与 webpack 绑定使用生成独特的 className 文件名—类名—hash值,如:CSS Modules,Vue),还有运行时注入scoped atrr 的方式,都是 hack 技术;Shadow DOM Style 是最完美的方案

  • 对 custom elements 友好,通过字符串 '0'或者'false'传递 false,通过:和Omi.$传递任意复杂类型

  • 增强了 CSS,支持 rpx 单位,基于 750 屏幕宽度

该项目里还给出了将近 20 个例子,比如:Omi 写的 MVP 架构的贪吃蛇游戏、Omi 钢琴、用 Markdown 生成静态网站文档等。
另外,有需要chatGPT和jb授权账号的小伙伴,可以点击「原文阅读」,去我网站购买,24h自动发货。
开源项目地址:https://github.com/Tencent/omi
END



【福利】2023 高薪课程,全面来袭(视频+笔记+源码)


PS:防止找不到本篇文章,可以收藏点赞,方便翻阅查找哦。



往期推荐



当 Redis 碰上 @Transactional,有大坑,要注意!

Java + lua = 王炸!!

面试官:MySQL连环炮,你扛得住嘛?

写代码速度提升200%!吊爆的 IDEA 使用技巧

又涨价了!!!这。。。

快速交付神器:阿里巴巴官方低代码引擎开源了!

新来的CTO规定所有接口都用 post 请求...


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存