作為國內(nèi)知名的互聯(lián)網(wǎng)公司，騰訊在前端領(lǐng)域做出了很多開源貢獻(xiàn)。本文就來盤點(diǎn)騰訊最熱門的 10 款前端開源項目！

wujie

無界微前端是一款基于 Web Components + iframe 微前端框架，具備成本低、速度快、原生隔離、功能強(qiáng)等一系列優(yōu)點(diǎn)。其能夠完善的解決適配成本、樣式隔離、運(yùn)行性能、頁面白屏、子應(yīng)用通信、子應(yīng)用?；睢⒍鄳?yīng)用激活、vite 框架支持、應(yīng)用共享等。

Github（star：2.3k）：https://github.com/Tencent/wujie。

TDesign

TDesign 是一套完整的企業(yè)級設(shè)計體系，擁有基于 Vue / React / 小程序 等技術(shù)棧的組件庫解決方案。用于構(gòu)建 設(shè)計統(tǒng)一/跨端多技術(shù)棧的前端應(yīng)用時，TDesign 更有優(yōu)勢。TDesign 是一個 multi-repo， 其包含了多個代碼倉庫：

Github（star：2.5k）：https://github.com/Tencent/tdesign。

WeUI

WeUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團(tuán)隊為微信 Web 開發(fā)量身設(shè)計，可以令用戶的使用感知更加統(tǒng)一。包含 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式元素。

Github（star：26.7k）：https://github.com/Tencent/weui。

WePY

WePY 是一款讓小程序支持組件化開發(fā)的框架，通過預(yù)編譯的手段讓開發(fā)者可以選擇自己喜歡的開發(fā)風(fēng)格去開發(fā)小程序?？蚣艿募?xì)節(jié)優(yōu)化，Promise，Async Functions 的引入都是為了能讓開發(fā)小程序項目變得更加簡單，高效。

Github（star：22.1k）：https://github.com/Tencent/wepy。

vConsole

一個輕量、可拓展、針對手機(jī)網(wǎng)頁的前端開發(fā)者調(diào)試面板。vConsole 是框架無關(guān)的，可以在 Vue、React 或其他任何框架中使用?，F(xiàn)在 vConsole 是微信小程序的官方調(diào)試工具。

Github（star：15.5k）：https://github.com/Tencent/vConsole。

TMagic

tmagic-editor 可視化開源項目是從魔方平臺演化而來的開源項目，意在提供一個供開發(fā)者快速搭建可視化搭建平臺的解決方案。

Github（star：3.3k）：https://github.com/Tencent/tmagic-editor。

Omi

Omi 框架是微信支付線研發(fā)部研發(fā)的下一代前端框架， 基于 Web Components 規(guī)范設(shè)計的組件化框架，可以使用 JSX/TSX 來寫 HTML 結(jié)構(gòu)?？梢蚤_發(fā) PC Web、移動端 H5，也可以直接使用 Omi 開發(fā)小程序。

Github（star：12.5k）：https://github.com/Tencent/omi。

kbone

kbone 是一個致力于微信小程序和 Web 端同構(gòu)的解決方案。kbone 實(shí)現(xiàn)了一個適配器，在適配層里模擬出了瀏覽器環(huán)境，讓 Web 端的代碼可以不做什么改動便可運(yùn)行在小程序里。因?yàn)?kbone 是通過提供適配器的方式來實(shí)現(xiàn)同構(gòu)，所以它的優(yōu)勢很明顯：

• 大部分流行的前端框架都能夠在 kbone 上運(yùn)行，比如 Vue、React、Preact 等。
• 支持更為完整的前端框架特性，因?yàn)?kbone 不會對框架底層進(jìn)行刪改（比如 Vue 中的 v-html 指令、Vue-router 插件）。
• 提供了常用的 dom/bom 接口，讓用戶代碼無需做太大改動便可從 Web 端遷移到小程序端。
• 在小程序端運(yùn)行時，仍然可以使用小程序本身的特性（比如像 live-player 內(nèi)置組件、分包功能）。
• 提供了一些 Dom 擴(kuò)展接口，讓一些無法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）。

Github（star：747）：https://github.com/Tencent/kbone。

Face2FaceTranslator

面對面翻譯小程序是微信團(tuán)隊針對中英文面對面溝通的場景開發(fā)的流式語音翻譯小程序，基于微信同聲傳譯插件封裝實(shí)現(xiàn)，提供了中英文語音識別，文本翻譯等功能。

Github（star：747）：https://github.com/Tencent/Face2FaceTranslator。

secguide

面向開發(fā)人員梳理的代碼安全指南，旨在梳理API層面的風(fēng)險點(diǎn)并提供詳實(shí)可行的安全編碼方案。代碼安全指引可用于以下場景：開發(fā)人員日常參考、編寫安全系統(tǒng)掃描策略、安全組件開發(fā)、漏洞修復(fù)指引。該指南包含了 C/C++、JavaScript、Node.js、Go、Java、Python的安全指南。

Github（star：11.9k）：https://github.com/Tencent/secguide。