文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开源 UI 组件库和开发工具库概览 | 开源专题 No.59

提供一套高质量的开箱即用的 React 组件。 使用可预测静态类型编写 TypeScript 代码。 包含完整的设计资源和开发工具包。...microsoft/fluentui[2] Stars: 16.7k License: NOASSERTION Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React 组件和...主要特点： 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能...相关链接 [1] ant-design/ant-design: https://github.com/ant-design/ant-design [2] microsoft/fluentui: https...://github.com/microsoft/fluentui [3] vuetifyjs/vuetify: https://github.com/vuetifyjs/vuetify [4] penpot

33810
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Hoppscotch：开源 API 开发工具，快捷实用 | 开源日报 No.77

    动态凭据：支持为某些系统 (如 AWS 或 SQL 数据库) 动态生成凭据。...该项目维护了几个 npm 软件包： @angular/cdk：帮助开发者使用常见交互模式编写自定义 UI 组件的库。...核心优点： 提供丰富、高质量、符合国际化与无障碍要求、可定制化适配不同需求场景、使用情况良好、行为表现一致、性强强大的 UI 组件； 带有清晰易懂 API 接口并经过充分测试保证稳定性； 代码干净规范且文档完善...； microsoft/fluentui[5] Stars: 16.7k License: NOASSERTION Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React...主要特点： 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能

    48610

    开源 UI 组件库：实现高性能界面设计 | 开源专题 No.65

    灵活性：Chart.js 提供了丰富多样的图表类型和配置选项，使用户能够根据自己的需求创建各种定制化的图表。 易用性：使用 Chart.js 可以轻松地在网页中绘制漂亮、交互式的 HTML5 图表。...microsoft/fluentui-blazorhttps://github.com/microsoft/fluentui-blazor Stars: 2.0k License: MIT 这个项目是...Microsoft Fluent UI Blazor 组件，用于在 .NET 8 Blazor 项目中使用。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。...简洁而漂亮的设计 高性能，提供流畅且响应迅速的用户体验 可定制性强，可以根据项目需求进行灵活配置 提供了大量易于使用和高度可重用组件

    21310

    5K Star大厂微软开源的图标集合,丰富、精致、统一

    软件介绍 Fluent UI System Icons 是由 Microsoft 开发的一个开源软件，它提供了一套丰富多样的系统图标，用于在应用程序和网站中使用。...这种风格可以使应用程序和网站更加统一和易于使用，使用户在不同的平台和设备上都能够快速理解图标的意义。...4.易于集成和使用: Fluent UI System Icons 可以与各种 Web 和桌面应用程序开发框架无缝集成，例如 React、Vue、Angular 等等。...npm install @fluentui/system-icons 或者 yarn add @fluentui/system-icons 3.在你的代码中引入所需的图标库。...import { AddIcon, DeleteIcon, SaveIcon } from '@fluentui/system-icons'; 4.使用这些图标在你的应用程序或者网站中。

    44010

    如何写出优雅的代码？试试这些开源项目「GitHub 热点速览」

    特性： ⚡️ 比现有的语法检查器（如 Flake8）和格式化程序（如 Black）快 10-100 倍 可通过 pip 安装 ️ 支持 pyproject.toml 兼容 Python 3.12 ⚖️...与 Flake8、isort 和 Black 完全兼容 内置缓存，避免重复分析未更改的文件 支持自动修复错误（例如，自动移除未使用的导入） 超过 700 条内置规则，包括对像 flake8-bugbear...GitHub Trending 周榜 2.1 UI 组件：fluentui 本周 star 增长数 850+，主语言：TypeScript Fluent UI 是微软开源的用于构建 Web 应用的工具，...包括了 React 组件和网络组件。...GitHub 地址→https://github.com/microsoft/fluentui 2.2 电子书阅读器：sumatrapdf 本周 star 增长数：400+，主语言：C 一个 Windows

    58430

    Angular与React相关

    组件化 (把复杂的DOM结构封装到组件内部,只给外部提供组件的名字,使用者可以很方便的使用组件名展示复杂的DOM结构) 2. 什么是SPA, 如何实现SPA?...SPA: Single Page Application的简写 单页面应用,整个程序中只有一个页面,页面里的内容根据路径的不同随之切换,页面不发生跳转 3....4.routerLink: 结合a标签使用,也可以实现路由的切换 5.ActivateRoute: 对象,存储路由传值的数据 6.angularJS路由里如何传值?...React里state和props的区别是什么? react里的每个组件都有一个props和 state属性....里路由有关的知识点: React里的路由是通过引入react-router-dom模块实现的 1.BrowserRouter 组件,这是React里Router的接口实现,所有的路由模块,跳转模块都要写到

    1.2K20

    Vue前端篇——Vue 3 中的路由基本认识

    在Vue 3中，使用的是vue-router的最新版本，即4版本。本文也将通过案例代码讲解vue3的路由组件知识点。路由基本使用首先，需要在Vue项目中安装vue-router。..., // 显示About组件 }, ],});export default router; // 导出路由配置接下来，我们需要在主入口文件main.ts中引入并使用路由配置：import { createApp...我们使用了RouterLink组件来创建导航链接，并通过to属性指定链接的目标路径。...active-class属性用于指定当链接处于激活状态时应用的CSS类名。RouterView组件用于渲染当前路由匹配到的组件。...此外，Vue Router还提供了丰富的功能，如嵌套路由、动态路由、路由守卫等，这些都可以根据应用的需求进行配置和使用，以增强应用的功能性和用户体验，后续文章也会逐一讲解。

    39210

    值得推荐的Blazor UI组件库

    本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好组件库推荐欢迎到以下GitHub项目地址留言或者在文末留言。...项目特点 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Blazor 组件，可在多种托管方式共享。...项目截图 Microsoft Fluent UI Blazor 使用文档：https://www.fluentui-blazor.net/ GitHub项目地址：https://github.com.../microsoft/fluentui-blazor 项目介绍 Microsoft Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统...提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，最大的减少开发者的时间成本。缩短开发周期提高开发效率。

    1K20

    Spring 源码阅读：深入探索内部工作机制 | 开源日报 No.180

    简化的工作流程：Angular CLI 提供了一套简单而强大的指令，使得创建组件、服务等变得非常容易。...其核心优势与关键特性如下： 提供多种已经训练好的模型 支持 ERA5 数据集 使用 JAX 实现可微分自回归方法进行序列化输出 依赖 Chex，Dask，Haiku，JAX 等库来支持运行环境 microsoft.../fluentui-blazorhttps://github.com/microsoft/fluentui-blazor Stars: 2.0k License: MIT 这个项目是 Microsoft...Fluent UI Blazor 组件，用于在 .NET 8 Blazor 项目中使用。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。

    14910

    AngularDart 4.0 高级-路由概述 顶

    它可以将可选参数传递给支持视图组件，以帮助确定要呈现的具体内容。您可以将路由器绑定到页面上的链接，并在用户单击链接时导航到适当的应用程序视图。...确保每个路由组件都具有列出组件使用的路由器指令的元数据。 有关详细信息，请参阅声明路由器提供程序和指令。...但是大多数情况下，由于某些用户操作（如点击锚标签）迫使您导航。...将每个RouterLink指令绑定到一个模板表达式，该模板表达式将链接参数作为链路参数列表返回。 路由将每个链接参数列表解析为完整的URL。...RouterLink 将可点击HTML元素绑定到路由的指令。 单击具有绑定到链接参数列表的routerLink指令的元素会触发导航。

    6.1K20

    【Vue Router】017-扩展 RouterLink*

    1.17 扩展 RouterLink* 1.17.1 概述 RouterLink 组件提供了足够的 props 来满足大多数基本应用程序的需求，但它并未尝试涵盖所有可能的用例，在某些高级情况下，你可能会发现自己使用了...在大多数中型到大型应用程序中，值得创建一个（如果不是多个）自定义 RouterLink 组件，以在整个应用程序中重用它们。例如导航菜单中的链接，处理外部链接，添加 inactive-class 等。...1.17.2 扩展 RouterLink 让我们扩展 RouterLink 来处理外部链接，并在 AppLink.vue 文件中添加一个自定义的 inactive-class： 使用 Composition API 中的 useLink ： import { RouterLink, useLink } from 'vue-router' export...return { isExternalLink } }, } 在实践中，你可能希望将你的 AppLink 组件用于应用程序的不同部分。

    12810

    Angular核心-路由和导航

    （达内教育学习笔记）仅供学习交流 @[TOC]Angular核心-路由和导航) 多页面应用 ：一个项目有多个完整的HTML文件，使用超链接跳转–摧毁一颗DOM树，同步请求另一颗，得到之后再重建新的DOM...ng g component user-center 定义“路由词典”—[{URL-组件}]，[{URL-组件}] //app.midule.ts 为每个路由组件分配一个路由地址 //声明路由词典-... 传统的超链接可以跳转，但是属于DOm树完全重建 进入用户中心 使用routerLink就是单页面应用需要在路由地址前加上/不加的话跳转不准...routerLink="/ucenter">a标签进入 routerLink="/ucenter">div进入 routerLink=...routerLink="/pdetail/45">按钮进入45 在ngOnInit()函数里边实现读取当前路由地址中的参数： ngOnInit(): void { //组件初始化完成

    2.3K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券