您当前的位置:首页 > 电脑百科 > 程序开发 > 前端

腾讯值得推荐的十款前端开源项目!

时间:2023-03-29 12:11:09  来源:微信公众号  作者:前端充电宝

 

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的 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/ target=_blank class=infotextkey>Python的安全指南。

图片

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



Tags:前端   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的 10 款前端开源项目!wujie无界微前端是一款基于 Web Components + iframe 微前端框...【详细内容】
2023-03-29  Tags: 前端  点击:(0)  评论:(0)  加入收藏
今天来分享 6 个超实用的词云库,以快速实现词云效果!wordcloud2.jswordcloud2.js 是一个基于 HTML5 Canvas 的词云库,主要用于生成词云效果。它的特点包括: 可以在浏览器和 Node...【详细内容】
2023-03-23  Tags: 前端  点击:(7)  评论:(0)  加入收藏
webpack 编译流程 初始化参数:从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run...【详细内容】
2023-03-23  Tags: 前端  点击:(8)  评论:(0)  加入收藏
前段时间,我在掘金分享了一篇GPT-4 性能文章,也许是过于强大带来的威胁性,引来评论区的排队哀嚎(如上图),所以“前端已死,后端已亡”这个概念真的成立吗?本文着重探讨前端。前端和后...【详细内容】
2023-03-21  Tags: 前端  点击:(4)  评论:(0)  加入收藏
当今前端开发中,构建工具已经成为一个不可或缺的部分。它们可以帮助我们自动化任务、优化代码、提高开发效率。社区涌现出越来越多的前端构建工具,本文就来介绍一些最流行的前...【详细内容】
2023-03-16  Tags: 前端  点击:(13)  评论:(0)  加入收藏
大家好,我是Echa。随着Web 技术开发高速发展,移动端用户占据大部分市场,对前端响应式布局,以及页面加载速度有着非常高的要求,用户访问Web 页面等待的极限一般在3-6秒以内,凡是...【详细内容】
2023-03-16  Tags: 前端  点击:(14)  评论:(0)  加入收藏
1. 啥是 ES6? 在学习 ES6 之前,我们先了解一下啥是 ES。ES 全称 ECMAScript,它是由欧洲计算机协会(ECMA)制定的一种脚本语言的标准化规范。这家伙说白了就是给 JavaScript 制...【详细内容】
2023-03-16  Tags: 前端  点击:(9)  评论:(0)  加入收藏
学前端好还是学Java好?这是一个常见的问题,两者都是非常有前途的领域,并且都有自己的长处和优势。在选择之前,需要先了解两个方向的发展前景和技能要求。前端开发是指开发Web应...【详细内容】
2023-03-15  Tags: 前端  点击:(4)  评论:(0)  加入收藏
前端模块化省流:chatGPT总结该文章主要讲述了前端模块化的发展历史和各个阶段的技术方案,包括无模块化(IIFE)、CommonJS、AMD、CMD、ESModule、UMD。其中,无模块化时期的文件拆...【详细内容】
2023-03-09  Tags: 前端  点击:(15)  评论:(0)  加入收藏
在web开发中,前端是显示网站或应用程序图形的用户界面。你可能会说这是用户在网站或应用程序上交互和看到的界面。因此,该部分必须以用户友好的方式设计,以便有效地传递来自服...【详细内容】
2023-03-07  Tags: 前端  点击:(17)  评论:(0)  加入收藏
▌简易百科推荐
作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的 10 款前端开源项目!wujie无界微前端是一款基于 Web Components + iframe 微前端框...【详细内容】
2023-03-29  前端充电宝  微信公众号  Tags:前端   点击:(0)  评论:(0)  加入收藏
我们的新项目是基于vite + vue3的,使用的编程语言是JavaScript。我们的团队除了我,对typescript都不熟悉,他们觉得学习typescript有点困难。众所周知,JS的弱类型机制,使编辑器很...【详细内容】
2023-03-29  前端梁哥  今日头条  Tags:Vue   点击:(0)  评论:(0)  加入收藏
之前在项目开发中经常会遇到需要开发各种各样加载动画的需求, 我们可以使用已有的动画库手动改造实现(比如说基于 loaders.css 手动改造), 也可以自己独立设计, 但是这意味...【详细内容】
2023-03-23  趣谈前端  微信公众号  Tags:React   点击:(9)  评论:(0)  加入收藏
今天来分享 6 个超实用的词云库,以快速实现词云效果!wordcloud2.jswordcloud2.js 是一个基于 HTML5 Canvas 的词云库,主要用于生成词云效果。它的特点包括: 可以在浏览器和 Node...【详细内容】
2023-03-23  前端充电宝  微信公众号  Tags:前端   点击:(7)  评论:(0)  加入收藏
webpack 编译流程 初始化参数:从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run...【详细内容】
2023-03-23  前端餐厅  今日头条  Tags:webpack   点击:(8)  评论:(0)  加入收藏
短视频开发方式往往会影响其开发质量和开发效率,选择合适的开发方式可达到事半功倍的效果。在短视频开发中,前后端分离是一种比较受欢迎的开发方式,为发挥其应有价值,我们应该如...【详细内容】
2023-03-22  云豹科技程序员   网易号  Tags:前后端   点击:(9)  评论:(0)  加入收藏
当今前端开发中,构建工具已经成为一个不可或缺的部分。它们可以帮助我们自动化任务、优化代码、提高开发效率。社区涌现出越来越多的前端构建工具,本文就来介绍一些最流行的前...【详细内容】
2023-03-16  前端充电宝  微信公众号  Tags:前端   点击:(13)  评论:(0)  加入收藏
大家好,我是Echa。随着Web 技术开发高速发展,移动端用户占据大部分市场,对前端响应式布局,以及页面加载速度有着非常高的要求,用户访问Web 页面等待的极限一般在3-6秒以内,凡是...【详细内容】
2023-03-16  Echa  今日头条  Tags:框架   点击:(14)  评论:(0)  加入收藏
1. 啥是 ES6? 在学习 ES6 之前,我们先了解一下啥是 ES。ES 全称 ECMAScript,它是由欧洲计算机协会(ECMA)制定的一种脚本语言的标准化规范。这家伙说白了就是给 JavaScript 制...【详细内容】
2023-03-16    掘金  Tags:前端   点击:(9)  评论:(0)  加入收藏
本文是一份分步指南,涵盖了 Vue.js 测试基础知识,并为读者解释了如何测试基于 Vue.js 的网站和移动应用程序。“当 Vue 的用户数量达到一定数量时,它就变成了一个社区。突然间,...【详细内容】
2023-03-16  科技狠活与软件技术    Tags:Vue   点击:(19)  评论:(0)  加入收藏
站内最新
站内热门
站内头条