騰訊值得推薦的十款前端開源項目！
作為國內(nèi)知名的互聯(lián)網(wǎng)公司，騰訊在前端領域做出了很多開源貢獻。本文就來盤點騰訊最熱門的 10 款前端開源項目！
wujie
無界微前端是一款基于 Web Components + iframe 微前端框架，具備成本低、速度快、原生隔離、功能強等一系列優(yōu)點。其能夠完善的解決適配成本、樣式隔離、運行性能、頁面白屏、子應用通信、子應用保活、多應用激活、vite 框架支持、應用共享等。
Github（star：2.3k）：https://github.com/Tencent/wujie。
TDesign
TDesign 是一套完整的企業(yè)級設計體系，擁有基于 Vue / React / 小程序 等技術棧的組件庫解決方案。用于構建 設計統(tǒng)一/跨端多技術棧的前端應用時，TDesign 更有優(yōu)勢。TDesign 是一個 multi-repo， 其包含了多個代碼倉庫：
Github（star：2.5k）：https://github.com/Tencent/tdesign。
WeUI
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發(fā)量身設計，可以令用戶的使用感知更加統(tǒng)一。包含 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式元素。
Github（star：26.7k）：https://github.com/Tencent/weui。
WePY
WePY 是一款讓小程序支持組件化開發(fā)的框架，通過預編譯的手段讓開發(fā)者可以選擇自己喜歡的開發(fā)風格去開發(fā)小程序?？蚣艿募毠?jié)優(yōu)化，Promise，Async Functions 的引入都是為了能讓開發(fā)小程序項目變得更加簡單，高效。
Github（star：22.1k）：https://github.com/Tencent/wepy。
vConsole
一個輕量、可拓展、針對手機網(wǎng)頁的前端開發(fā)者調(diào)試面板。vConsole 是框架無關的，可以在 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ī)范設計的組件化框架，可以使用 JSX/TSX 來寫 HTML 結構?？梢蚤_發(fā) PC Web、移動端 H5，也可以直接使用 Omi 開發(fā)小程序。
Github（star：12.5k）：https://github.com/Tencent/omi。
kbone
kbone 是一個致力于微信小程序和 Web 端同構的解決方案。kbone 實現(xiàn)了一個適配器，在適配層里模擬出了瀏覽器環(huán)境，讓 Web 端的代碼可以不做什么改動便可運行在小程序里。因為 kbone 是通過提供適配器的方式來實現(xiàn)同構，所以它的優(yōu)勢很明顯：
- 大部分流行的前端框架都能夠在 kbone 上運行，比如 Vue、React、Preact 等。
- 支持更為完整的前端框架特性，因為 kbone 不會對框架底層進行刪改（比如 Vue 中的 v-html 指令、Vue-router 插件）。
- 提供了常用的 dom/bom 接口，讓用戶代碼無需做太大改動便可從 Web 端遷移到小程序端。
- 在小程序端運行時，仍然可以使用小程序本身的特性（比如像 live-player 內(nèi)置組件、分包功能）。
- 提供了一些 Dom 擴展接口，讓一些無法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）。
Github（star：747）：https://github.com/Tencent/kbone。
Face2FaceTranslator
面對面翻譯小程序是微信團隊針對中英文面對面溝通的場景開發(fā)的流式語音翻譯小程序，基于微信同聲傳譯插件封裝實現(xiàn)，提供了中英文語音識別，文本翻譯等功能。
Github（star：747）：https://github.com/Tencent/Face2FaceTranslator。
secguide
面向開發(fā)人員梳理的代碼安全指南，旨在梳理API層面的風險點并提供詳實可行的安全編碼方案。代碼安全指引可用于以下場景：開發(fā)人員日常參考、編寫安全系統(tǒng)掃描策略、安全組件開發(fā)、漏洞修復指引。該指南包含了 C/C++、JavaScript、Node.js、Go、Java、Python的安全指南。
Github（star：11.9k）：https://github.com/Tencent/secguide。
