外链论坛

 找回密码
 立即注册
搜索
查看: 22|回复: 2

开源项目 | 举荐两个腾讯开源的前端框架,超级美丽

[复制链接]

3112

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108663
发表于 2024-10-10 05:00:41 | 显示全部楼层 |阅读模式

前言

专注分享开源项目整套处理方法,完全开源、可学习、可商用、宝藏库。

完整开源项目后端技术栈:Spring6、JDK17、SpringBoot、Spring Cloud、Docker、Nginx、Redis、MongoDB、MySql不管你技术提高还是接私活都能够用到。

完整开源项日前端技术栈:vue3、vite3、TypeScript/4、Ant-Design-Vue/3.2、element-plus/2.2、uniapp、H5网页、PC、微X小程序等最新的技术。

每日供给一个超棒的开源项目包括:物联网平台、WMS系统、ERP系统、OMS系统、知识社区、个人博客系列。

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

1、wujie(无界)

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

Web Components 是一个浏览器原生支持的组件封装技术,能够有效隔离元素之间的样式,iframe 能够给子应用供给一个原生隔离的运行环境,相比自动构造的沙箱 iframe 供给了独立的 window、document、history、location,能够更好的和外边解耦。

无界微前端采用 webcomponent + iframe 的沙箱模式,在实现原生隔离的前提下比较完善的处理以上问题。

成本低

主应用运用成本低

子应用适配成本低

速度快

子应用首屏打开速度快

子应用运行速度快

原生隔离

css 样式经过 Web Components 能够做到严格的原生隔离

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

功能强大

支持子应用保活

支持子应用嵌套

支持多应用激活

支持应用共享

支持去中心化通信

支持生命周期钩子

支持插件系统

支持 vite 框架

开源项目位置https://github.com/Tencent/wujie

2、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 友好,经过字符串 0false传递 false,经过:和Omi.$传递任意繁杂类型

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

该项目里还给出了将近 20 个例子,例如:Omi 写的 MVP 架构的贪吃蛇游戏、Omi 钢琴、用 Markdown 生成静态网站文档等。

开源项目位置https://github.com/Tencent/omi

往期举荐

人人可用的开源数据可视化分析工具

面向中小企业级erp、oms、wms全套处理方法

开源支付系统、支持微X支付宝

SpringBoot + Vue 的智能停车场管理平台

多门店分销的开源前后端分离商城系统

全端开源电商系统支持小程序、H5、PC商城

后台、小程序、uniapp前后端分离完整全开源商城

开源物联网基本研发平台

开源人脸识别登录系统

写在最后

欢迎加入【前端开源实验室读者交流群】,群内聊天学习摸鱼为主,按时会分享有些技术要点和优秀学习资源,有一群有趣有料的小伙伴在等你哦!

进群方式:加柚子哥微X回复 进群,按提示操作就可进群。

版权申明:内容源自网络,版权归原创者所有。除非没法确认,咱们都会标明作者及出处,如有侵权烦请通知咱们会立即删除并暗示歉意。





上一篇:举荐两个腾讯开源的前端框架,好用又好看!
下一篇:用好腾讯开源的这两个前端框架,后端仔亦能研发出好看的应用!
回复

使用道具 举报

3037

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109078
发表于 2024-10-30 21:30:20 | 显示全部楼层
外链论坛的成功举办,是与各位领导、同仁们的关怀和支持分不开的。在此,我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢!
回复

使用道具 举报

2940

主题

3万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979445
发表于 5 天前 | 显示全部楼层
论坛是一个舞台,让我们在这里尽情的释放自己。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-18 01:26 , Processed in 0.141992 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.