当前位置: 首页 > news >正文

微软最热门的10款前端开源项目!

本文来盘点微软开源的十大前端项目,这些项目在 Github 上获得了超过 45 万 Star!

Visual Studio Code

Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言,如C、C++、C#、Python、JavaScript 和 TypeScript 等,并提供丰富的插件生态系统来扩展功能。VS Code具有丰富的编辑功能,包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git 版本控制工具和丰富的主题和扩展插件,能够满足开发者的各种需

Github(151k ⭐️): https://github.com/microsoft/vscode

TypeScript

TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的扩展。它提供了静态类型检查和更多的面向对象特性,以提高开发工具和开发体验。通过类型注解和类型推断功能,能够在编译阶段发现潜在的类型错误,并提供更好的编辑提示和自动补全功能。TypeScript 可以编译成 JavaScript,与现有的代码库无缝集成,如 React、Vue.js 等。使用 TypeScript 可以编写更安全、更健壮的 JavaScript 应用。

**Github(94.2k⭐️):**https://github.com/microsoft/TypeScript

Web-Dev-For-Beginners

Web-Dev-For-Beginners 是由微软开源的一个针对初学者的 Web 开发学习项目,包含 12 周 24 节课,旨在帮助初学者掌握 Web 开发的基础知识和技能,并提供实践经验和示例代码。

Github(76.8k⭐️): https://github.com/microsoft/Web-Dev-For-Beginners

Playwright

Playwright 是一个由微软开源的跨浏览器自动化测试工具,它可以模拟各种浏览器的用户行为和交互,并且可以在多种平台(包括 Windows、Linux、macOS 等)上运行。与其他类似的工具相比,Playwright 具有更好的性能、稳定性和可扩展性,支持多浏览器、多语言、多平台等特性。

Github(55k⭐️): https://github.com/microsoft/playwright

Monaco Editor

Monaco Editor 是一个由微软开源的基于 Web 技术的代码编辑器。它是 Visual Studio Code 的核心编辑组件,可以在 Web 应用中集成和使用。其具有许多先进的编辑功能,包括语法高亮、自动完成、代码提示、代码折叠、缩进调整、代码格式化等。它支持多种编程语言,并提供了丰富的扩展性,可以通过插件和自定义样式进行功能扩展和界面定制。

Github(35.6k⭐️): https://github.com/microsoft/monaco-editor

Fluent UI

Fluent UI 是 Microsoft 开源的设计系统,用于构建现代、易于使用和美观的用户界面。它提供一系列可重用组件、样式和模式,帮助开发者快速搭建一致性和可定制化的界面。支持多种前端框架和技术,并具有丰富的组件库和自定义主题功能。

Github(16.4k⭐️): https://github.com/microsoft/fluentui

FAST

FAST 是基于 Web Components 和现代 Web 标准构建的技术集合,旨在有效地解决网站和应用设计和开发中的一些最常见的挑战。FAST 的一个核心原则是“尽可能采用开放、基于 Web 标准的方法”。为此,FAST 直接建立在上述 W3C Web 组件标准之上,并不创建自己的组件模型。这使得使用 FAST 构建的组件可以与内置的本地 HTML 元素一样正常工作。无需框架即可使用 FAST 组件,但也可以将它们与任何框架或库结合使用。

Github(8.6k⭐️): https://github.com/microsoft/fast

TypeChat

TypeChat是由微软开发的一个开源项目,旨在为开发者提供一个定义大语言模型返回的响应结构的解决方案。它可以帮助开发者快速构建聊天界面或定制化的AI Agent,通过定义Prompt和Schema,将自然语言请求转换为特定类型的JSON对象。

Github(6.6k⭐️): https://github.com/microsoft/TypeChat

Rush Stack

Rush Stack 是:

  • 使命:为 web 项目的大规模 monorepo 仓库来提供可复用技术

  • 开放协作:汇集了社区的合作者们,面对严苛的工具,你不再单打独斗

  • 具体策略:整合诸如 Node.js, TypeScript, ESLint, Prettier, Webpack, Jest 等一系列流行的工具最终形成解决方案

  • 一系列项目:同宗同源,项目之间紧密合作

Github(5.2k⭐️): https://github.com/microsoft/rushstack

Rooster

Rooster 是一款独立于框架的 JavaScript 富文本编辑器,整齐地嵌套在一个 HTML<div>元素中。最终用户执行的编辑操作以简单的方式处理以生成最终的 HTML。

Github(765⭐️): https://github.com/microsoft/roosterjs

相关文章:

微软最热门的10款前端开源项目!

本文来盘点微软开源的十大前端项目&#xff0c;这些项目在 Github 上获得了超过 45 万 Star&#xff01; Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言&#xff0c;如C、C、C#、Python、JavaScript 和 TypeScript 等&…...

C#(CSharp)入门实践项目(简易回合制游戏)

项目名称 木木夕营救公主 项目介绍 这是一个小游戏&#xff0c;你将扮演一个英雄&#xff08;木木夕&#xff09;&#xff0c;去打败恶龙&#xff0c;拯救出公主&#xff0c;该项目采用回合制战斗模式&#xff0c;由于角色的血量和攻击为随机数&#xff0c;所以需要靠运气才…...

GEO生信数据挖掘(五)提取临床信息构建分组,分组数据可视化(绘制层次聚类图,绘制PCA图)

检索到目标数据集后&#xff0c;开始数据挖掘&#xff0c;本文以阿尔兹海默症数据集GSE1297为例 上节做了很多的基因数据清洗&#xff08;离群值处理、低表达基因、归一化、log2处理&#xff09;操作&#xff0c;本节介绍构建临床分组信息。 我们已经学习了提取表达矩阵的临床…...

golang时间问题汇总(用法常见问题:插入数据库时间自动+8)

golang时间问题汇总&#xff08;用法&常见问题&#xff09; 1 用法 1.1 time.Parse() func main() {timeStr : "2023-09-26 20:56:23"allDate, _ : time.Parse("2006-01-02 15:04:05", timeStr)fmt.Println("全部解析", allDate) timeStr…...

TCP网络连接中的三次握手和四次挥手

作者&#xff1a;逍遥Sean 简介&#xff1a;一个主修Java的Web网站\游戏服务器后端开发者 主页&#xff1a;https://blog.csdn.net/Ureliable 觉得博主文章不错的话&#xff0c;可以三连支持一下~ 如有需要我的支持&#xff0c;请私信或评论留言&#xff01; TCP网络连接中的三…...

游戏服务商Latis Global参展2023 ChinaJoy B2B

第20届ChinaJoy于2023年7月在上海举行了为期四天的博览会,参展观众达到了33.8万人次。ChinaJoy是全球最具知名度与影响力的年度盛会之一,涵盖了包括游戏、动漫、互联网影视、电子竞技、潮流玩具、智能娱乐在内的多个数字娱乐领域。ChinaJoy不仅仅代表了数字娱乐领域的最新风向,…...

oracle常用sql

oracle常用sql oracle常用sql查询当前会话id(sid),会话序列号(serial#),操作系统进程id(spid)查询数据库信息查询实例信息查询字符集查看回收站情况数据库系统PSU信息数据库大小查看表空间状况常规库表空间情况查询,非CDBCBD表空间情况查询当前客户端信息资源使用情况…...

手游模拟器长时间运行后,游戏掉帧且不恢复

1&#xff09;手游模拟器长时间运行后&#xff0c;游戏掉帧且不恢复 2&#xff09;FrameBuffer Fetch无论哪种模式在确定支持的手机上显示全紫 3&#xff09;协程中yield return CoFunction()和yield return StartCoroutine(CoFunction())的区别 这是第353篇UWA技术知识分享的推…...

linux下离线安装telnet

安装过程概要&#xff1a; &#xff08;一&#xff09;互联网端下载rpm包&#xff1b; &#xff08;二&#xff09;上传到服务器root目录下&#xff1b; &#xff08;三&#xff09;安装telnet服务和测试&#xff1a; 详细内容&#xff1a; &#xff08;一&#xff09;互联…...

Unity 发布WebGL平台,C#与JavaScript交互

发布H5平台&#xff0c;接入SDK&#xff0c;比如微信等&#xff0c;涉及到C#与JS的交互。 jslib&#xff08;JavaScript Library&#xff09;是Unity的一种机制&#xff0c;允许你在C#中通过JavaScript代码来执行一些操作。这是一种高级的技巧&#xff0c;主要用于一些特殊情况…...

利用 Forcing InnoDB Recovery 特性解决 MySQL 重启失败的问题

问题 由于异常断电或者系统异常重启时 MySQL 没有正常退出导致 MySQL 无法启动&#xff0c;启动时报错如下&#xff1a; [System] [Server] /usr/sbin/mysqld (mysqld 8.0.30) starting as process 2665 [System] [InnoDB] InnoDB initialization has started. [System] [Inn…...

windows修改键位F11变insert(改键盘映射)

这里是通过改变windows的注册表来实现的 1.按住winr打开运行&#xff0c;在运行中输入“regedit”&#xff0c;再点击“确定”按钮。如下图 2.找到注册表的目录 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Keyboard Layout 3.在Keyboard Layout右击新建 -> 二进…...

安装gpu版本的paddle和paddleclas

安装gpu版本的paddle python -m pip install paddlepaddle-gpu2.3.2.post111 -f https://www.paddlepaddle.org.cn/whl/windows/mkl/avx/stable.html以上支持cuda11.1版本 其他需求可查阅文档在这里 安装paddleclas 1 在虚拟环境中安装所需的Python库&#xff1a; pip inst…...

61从零开始学Java之处理大数字相关的类有哪些?

作者&#xff1a;孙玉昌&#xff0c;昵称【一一哥】&#xff0c;另外【壹壹哥】也是我哦 千锋教育高级教研员、CSDN博客专家、万粉博主、阿里云专家博主、掘金优质作者 前言 我们知道&#xff0c;在现实世界里&#xff0c;实际上数字是有无穷个的&#xff0c;就比如0和1之间&a…...

vscode 搜索界面的files to include files to exclude 是什么功能?

在VSCode&#xff08;Visual Studio Code&#xff09;中&#xff0c;搜索功能是一个强大的工具&#xff0c;可以帮助你在项目中快速查找特定的文本、代码或其他内容。搜索界面的 “files to include” 和 “files to exclude” 提供了一种方式来定制你的搜索范围。 files to in…...

数据计算-第15届蓝桥杯第一次STEMA测评Scratch真题精选

[导读]&#xff1a;超平老师的《Scratch蓝桥杯真题解析100讲》已经全部完成&#xff0c;后续会不定期解读蓝桥杯真题&#xff0c;这是Scratch蓝桥杯真题解析第154讲。 第15届蓝桥杯第1次STEMA测评已于2023年8月20日落下帷幕&#xff0c;编程题一共有6题&#xff0c;分别如下&a…...

谈谈前端和后端的选择

引言 在我的印象中&#xff0c;也是视线里&#xff0c;后端都是在一个黑屏的页面&#xff0c;左边一个文件类&#xff0c;右边在不停的写sql,一只手放在键盘上&#xff0c;一边写&#xff0c;一遍不停的关联进入&#xff0c;感觉很无趣&#xff0c;他们的分享不是什么java集成&…...

Vue3最佳实践 第六章 Pinia,Vuex与axios,VueUse 1(Pinia)

Pinia状态管理 在 Vue3 中项目中组件之间传递数据时&#xff0c;可以使用 Props 和 Emit&#xff0c;还可以使用 Provide/Inject 来代替 Props 和 Emit。Props 和 Emit 只能在具有父子关系的组件之间传递数据&#xff0c;所以层级越深&#xff0c;过程就越复杂。为了解决此类问…...

Java比较器之equals、comparable、comparator

文章目录 前言一、基本类型比较1.2.equals3.和equals的区别 二、对象的比较1.覆写基类的equals2.基于Comparable接口类的比较3.基于Comparator比较器比较4.三种方式对比 前言 在Java中&#xff0c;基本类型的对象可以直接比较&#xff0c;而自定义类型&#xff0c;默认是用equ…...

Virtio-user使用简介

一、简述​ DPDK支持几种方式让用户空间的报文重新进入内核协议栈(这种dpdk和kernel直接通信的路径叫做exception path)&#xff0c;例如tap/tun设备使用&#xff0c;kni&#xff0c;Virtio-user。这里主要讲Virtio-user使用&#xff0c;Virtio-user是virtio PMD的虚拟设备&…...

点云从入门到精通技术详解100篇-基于深度学习的三维植物点云分割网络

目录 前言 研究现状及趋势 传统的植物表型分割方法 现行的植物表型分割方法...

C语言 Cortex-A7核 SPI 实验

1 实验目的 1、数码管显示相同的值0000 1111 2222 .... 9999 2、数码管不同的值1234 2 代码 include/spi.h #ifndef __SPI_H__ #define __SPI_H__ #includ…...

Spring工具类--ReflectionUtils的使用

原文网址&#xff1a;Spring工具类系列--ReflectionUtils的使用_IT利刃出鞘的博客-CSDN博客 简介 本文介绍Spring的ReflectionUtils的使用。 ReflectionUtils工具类的作用&#xff1a;便利地进行反射操作。 Spring还有一个工具类&#xff1a;ReflectUtils&#xff0c;它们在…...

zemax西德莫尔目镜

高性能的军用光学仪器 在两个双胶合透镜之间&#xff0c;增加了一块平凸透镜 半视场角增大到35度 入瞳直径4mm波长0.51、0.56、0.61半视场35焦距27.9mm 镜头参数&#xff1a; 成像效果&#xff1a;...

C++ 拷贝构造函数

介绍和示例 拷贝构造函数是一种特殊的构造函数&#xff0c;它在创建对象时&#xff0c;是使用同一类中之前创建的对象来初始化新创建的对象。拷贝构造函数通常用于&#xff1a; 通过使用另一个同类型的对象来初始化新创建的对象。 复制对象把它作为参数传递给函数。 复制对象…...

怎么使用 Flink 向 Apache Doris 表中写 Bitmap 类型的数据

Bitmap是一种经典的数据结构&#xff0c;用于高效地对大量的二进制数据进行压缩存储和快速查询。Doris支持bitmap数据类型&#xff0c;在Flink计算场景中&#xff0c;可以结合Flink doris Connector对bitmap数据做计算。 社区里很多小伙伴在是Doris Flink Connector的时候&…...

LeetCode 四数相加II 哈希

原题链接&#xff1a; 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 题面&#xff1a; 给你四个整数数组 nums1、nums2、nums3 和 nums4 &#xff0c;数组长度都是 n &#xff0c;请你计算有多少个元组 (i, j, k, l) 能满足&#xff1a; 0 < i,…...

python(自4) xpath下载 lxml安装 lxml语法 使用方式

&#xff08;一&#xff09;安装 搜索xpath 讲解 XPath 教程 (w3school.com.cn) 一&#xff0c;下载地址 &#xff1a; https://chrome.zzzmh.cn/info/hgimnogjllphhhkhlmebbmlgjoejdpjl 二 &#xff0c;拖拽 &#xff08;二&#xff09;lxml安装 cmd 打开终端 cd pythond…...

05-Zookeeper典型使用场景实战

上一篇&#xff1a;04-Zookeeper集群详解 1. Zookeeper 分布式锁加锁原理 如上实现方式在并发问题比较严重的情况下&#xff0c;性能会下降的比较厉害&#xff0c;主要原因是&#xff0c;所有的连接都在对同一个节点进行监听&#xff0c;当服务器检测到删除事件时&#xff0c…...

stl格式-3D三角形

文章目录 什么是stl文件?格式首选stl的语法1.这是一个stl格式的文件:2.下面先举个例子(难度略微提示)补充:关于\<\<我试了一下:这个法线你随便写好像也没问题\>> 3.来个立方体4.最后再写一个由三个直角形组成的立方体 什么是stl文件? 首先说一下,这个stl不是cpp…...