有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。支持浏览器、服务端渲染以及Electron环境。...Material-UI 一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。Material-UI 组件是独立工作的。...Material-UI首先是移动开发的,我们首先为移动设备编写代码,然后根据需要使用CSS媒体查询扩展组件。 要确保所有设备的正确渲染和触摸缩放,请将响应式视口元标记添加到 元素。...Amaze UI React Amaze UI React 基于 React.js(v0.14+)开发的Web 组件库,如果你没有使用过 React,请先访问 React 官网学习。...Elemental UI 用于React.js网站和应用程序的UI组件库。 在线文档 | github地址 ?
需求:输入框中要把当天日期默认显示在输入框中,并且传给后台的日期格式是 2020-11-25 页面效果: image.png element UI中有一个default-value 属性,可以设置选择器打开时默认显示的时间
设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中后台产品,风格素雅简洁,喜欢的可以选择使用,目前在react技术栈领域使用的较为广泛,各种文档也比较齐全...2:Material-UI 推荐指数:star:57.9k 英文文档:https://material-ui.com Github: https://github.com/mui-org/material-ui...它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹,语义化的前端 UI 框架,包含 50 多个组件。 ?...与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。 ?...它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂,数据密集的Web界面。一个 React UI 工具组件库。 ?
Compose 新闻App(三)网络数据Compose UI显示加载、DataStore和Room使用 前言 正文 一、样式 二、Scaffold(脚手架) 三、TopAppBar(顶部应用栏) ① 属性值...四、列表 ① 显示列表 ② 滑动列表 ③ 加载网络数据 五、Room使用 ① 添加依赖 ② 基础配置 ③ 使用 六、DataStore使用 ① 添加依赖 ② 封装 ③ 使用 七、源码 前言 现在数据已经有了...使用 Scaffold 时,您可以确保这些组件能够正确放置并协同工作。...这里我们使用的是Room数据库,它在Java和Kotlin中使用的方式有点点变化,总体区别不大。...当然了你不了解可以去看看Android Jetpack组件 DataStore的使用和简单封装,看完了你就知道怎么用了,当然你也可以不用看,因为实际上我们的用法和SP差不多,都是封装成工具类来使用,在那篇文章中就是这样封装
设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中后台产品,风格素雅简洁,喜欢的可以选择使用,目前在react技术栈领域使用的较为广泛,各种文档也比较齐全...图片 2:Material-UI 推荐指数:star:57.9k 英文文档:https://material-ui.com Github: https://github.com/mui-org/material-ui...它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹,语义化的前端 UI 框架,包含 50 多个组件。...与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。...它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂,数据密集的Web界面。一个 React UI 工具组件库。 图片
&ScrollView Text&Rich Content 弹框 Material Design TabLayout 框架&库 工具 视频 资源网站 新闻&讨论 资源下载 教程 React.js React...react-native-nw-react-calculator:基于React Native的计算器,iOS/Android、Web、桌面多端。...Text&Rich Content react-native-htmlview:HTML显示组件,渲染HTML text 。...Material Design mrn:Material Design组件库。 react-native-material-design:一款用于React Native上的材料设计UI组件库。...提供自动完成和 JavaScript 类型检查,内建 React 开发支持,并支持 Facebook 最新的 React Native 库,支持 Facebook 的 Flow JavaScript 类型检查器
React组件库 material-ui - React组件,可以更快,更轻松地进行Web开发 ant-design - 具有自然和确定性价值的设计系统 blueprint - 基于React的Web工具包...Elemental - React.js网站和应用程序的UI工具包 StateTrooper - 使用CSP集中管理React应用程序的状态 Preact:使用相同的ES6 API快速3kb React...Bit - 用于跨应用程序管理和使用React和其他Web组件的虚拟存储库 AtlasKit - Atlassian的React UI库 ReactiveSearch - Elasticsearch的UI...映射 图表 DevExtreme React Chart - 基于高性能插件的Bootstrap和Material Design的React图表 react-chartjs - 使用chart.js的常见...React和Flux构建应用程序 Flux:构建客户端应用程序的简单架构模型 使用来自Yahoo的Dispatchr和Fetchr的Isomorphic Flux示例 使用React.js和Flux进行异步请求
竞品:Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库,可以使用 SVG 和字体等等多种格式。...和 Bootstrap 等的区别在于,Bootstrap 更偏向于 UI 方面,是 CSS 框架,而 antd 则是完整的包括 UI 和功能在内的 React 组件。...Semantic UI 更强调使用语义化的 class 来定义样式 google / material-design-icons Google 推出的 Material 风格图标库。...前端 UI 框架/库 moment/moment moment.js 是前端处理验证以及显示时间的一个库. 没想到这个功能这么常用啊, 竟然能进 GitHub 前100....Dogfalo/materialize Material 风格的前端 CSS 库 callemall/material-ui Material 风格的 React 组件库 necolas/normalize.css
竞品:Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库,可以使用 SVG 和字体等等多种格式。...它和 Bootstrap 等的区别在于,Bootstrap 更偏向于 UI 方面,是 CSS 框架,而 antd 则是完整的包括 UI 和功能在内的 React 组件。...Semantic-Org/Sematic-UI 和 Bootstrap 类似的一个组件库。Semantic UI 更强调使用语义化的 class 来定义样式。...前端 UI 框架/库 moment/moment moment.js 是前端处理验证以及显示时间的一个库. 没想到这个功能这么常用啊,竟然能进 GitHub 前100。...Dogfalo/materialize Material 风格的前端 CSS 库 callemall/material-ui Material 风格的 React 组件库 necolas/normalize.css
竞品:Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库,可以使用 SVG 和字体等等多种格式。...它和 Bootstrap 等的区别在于,Bootstrap 更偏向于 UI 方面,是 CSS 框架,而 antd 则是完整的包括 UI 和功能在内的 React 组件。...Semantic-Org/Sematic-UI 和 Bootstrap 类似的一个组件库。Semantic UI 更强调使用语义化的 class 来定义样式。...electron 可以使用前端的工具链来编写桌面应用,同时能够跨平台。 jQuery 老牌的跨浏览器兼容库。随着浏览器的发展,现在使用 jQuery 的越来越少了。...评论里提到 Linux 的贡献者在 GitHub 上显示为正无穷,厉害了。
适合了解 Vue 后想进一步进阶者学习。...生态:iview-admin(开箱即用的中台解决方案),iview-Weapp(微信小程序组件库),iview Run(在线编辑器) MATERIAL-UI 类型:基于 React 组件库 官网:https...://material-ui.com/ GitHub仓库地址:https://github.com/mui-org/material-ui 维护团队:material-ui material-ui 是基于...material-ui 团队维护频率很高,下图是 material-ui 主要的开发者的Github首页 基本上每天的都会有提交,而且最多一天有36次的提交。...代码层面:项目中包含详细的文档、测试、例子,但是具体的代码细节我还要进一步研究生态:Material-UI Pickers(日期,时间选择器) ElementUI 类型:基于 Vue 的组件库 官网:https
竞品:Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库,可以使用 SVG 和字体等等多种格式。...和 Bootstrap 等的区别在于,Bootstrap 更偏向于 UI 方面,是 CSS 框架,而 antd 则是完整的包括 UI 和功能在内的 React 组件。...Semantic-Org/Sematic-UI 和 Bootstrap 类似的一个组件库。...Semantic UI 更强调使用语义化的 class 来定义样式 google / material-design-icons Google 推出的 Material 风格图标库。...socket.io 实现 WebSocket 的一个库,使用 node.js 编写。WebSocket 是在浏览器和服务器之间实现全双工通信的一个协议。
Fuse React管理模板使用Material UI作为主要UI库,同时使用Redux进行状态管理。 它具有内置的页面模板、路由和身份验证功能。...Ammie - React Admin Template Ammie是一个基于React组件的反应管理模板,也是使用Material UI框架创建的最佳反应管理模板。...直接可用的小部件使您可以灵活地在仪表板和其他页面上显示多个详细信息。如果您正在构建SAAS产品,请购买扩展许可证。...内置对SASS预处理器和其他css预处理器的支持可以通过文档添加。它不使用任何冗余或通量实现,因此初学者很容易从您的选择中推出。 29....React-admin 一个前端框架,用于使用 ES6、React 和 Material Design 构建在 REST/GraphQL API 之上的浏览器中运行的数据驱动应用程序。
目录 awesome-kotlin-android 关于 目录 开源库 框架 DSL 扩展 UI 通用库 动画 Toolbar 按钮 依赖注入 数据绑定 代理 数据库 网络 日志 函数式编程...下载 图片 拍照 工具 其他 完整 app DEMO 书籍 视频 开源库 框架 KBinding - 使用kotlin实现的Android MVVM框架 Kotlin-Android-Template...,旨在令开发 Android 更快更简单 android-drawable-dsl - 通过 kotlin 构造 drawable 而不是 XML 的 DSL MaterialDrawerKt - 不使用...XML 创建 Material Design 导航抽屉 扩展 android-ktx - google 开源的 Kotlin 扩展插件库,在 Android 框架和 Support Library...炫酷 toolbar 实现 效果图: 按钮 Stepper-Touch - Material Design设计风格的触摸步进器 效果图: 依赖注入
Molecule是一款受VSCode启发,使用React.js构建的Web IDE UI框架。...通过设计类似VSCode扩展机制(Extension),可快速、轻松搭建一个高度抽象的IDE Workbench UI系统。...Molecule具有较高的Workbench自定义能力,可帮助需求IDE UI业务场景的开发者,实现业务代码和IDE UI组件解耦,使业务迭代和IDE UI交互迭代可异步进行,降低升级维护成本。...同时它基于Monaco Editor,集成QuickAccess和Keybinding等功能。 为什么要开源Molecule?...Molecule虽然是从我们的业务场景中诞生出来的一套Web IDE UI方案,也已在多个项目和产品中得到了“实战”,但我们团队仍认为它还有很多不足。
React.js React.js 是由 Facebook 于 2011 年创建的一种用于构建动态用户界面的开源 JavaScript 库。...Angular Universal:是一种用于服务器端渲染的技术,它能够快速地渲染出首个应用页面,或是在可能缺乏渲染资源的浏览器端设备(如移动设备)上显示应用。...⑤预构建的 UI 设计元素:Angular Material vs 社区支持的组件 Angular:随着材料设计(Material Design)语言在 Web 应用中流行,更多的工程师受益于其开箱即用的材料工具集...其 Angular Material 能够对表单控件、导航、布局、按钮、指示器、弹窗、模块、以及数据表,实现一系列常见的交互模型。由于各种预构建元素的存在,配置 UI 的速度变得更快。...您需要安装 Material-UI 库和各种依赖项,才能使用 React 的材料设计进行构建。
首先点击窗口的 View 菜单,找到 Tool Window 子菜单,然后选择 Layout Inspector,这样就打开了布局检查器窗口。 布局检查器仅显示正在运行的进程的 UI 层次结构。...首先,布局检查器可以用两种方式显示 UI 层次结构: 以二维的轮廓格式,或者以一种称为旋转模式 (rotation mode) 的三维视图形式。...通过布局检查器您还可以将新设计的界面和现有 UI 进行比较。要加载布局设计,点击 Load Overlay,然后选择一个布局设计。...布局检查器示例 现在大家已经了解了布局检查器的使用方式。那么接下来我们通过实例来看一下如何使用它来解决应用的问题。...这里我们有一个简单的示例应用,它包含一个 fragment,其中有一些静态文本和一个图片。如果您在阅读文章时想同步进行操作,可以先按照下面步骤操作创建工程。
另一个导致卡顿的原因是垃圾收集器 (GC) 暂停 UI 线程以回收内存。...在此版本中,我们对新 Material You(又名 v3)的规范增加了支持,包括对浮动操作按钮大小和主题的更新(#86441),在MaterialState.scrolledUnder 可以使用 Demo...更容易的界面分析和定位:Flutter 框架中常用的 Widget 都会在左侧的 Widget 树视图中显示图标,它们根据类别进一步进行颜色编码,例如布局 Widget 显示为蓝色,而内容Widget...覆盖信息会在编辑器的装订线中使用红色和绿色条进行区分,在示例程序中,第 9-13 行被测试,但第 3 和 4 行没有被测试。...工具:异常、新应用模板和 Pigeon 1.0 现在,调试器也进行了相应的升级优化,可以在未处理的异常上正确中断,而这些异常以前时只能被 framework 捕获 ( #17007 )。
调试 UI 的问题有时很棘手,Android Studio 4.0 内置了全新的布局检查器 (Layout Inspector),它的使用效果类似 Chrome 开发者工具,可以帮助开发者调试 Android...首先点击窗口的 View 菜单,找到 Tool Window 子菜单,然后选择 Layout Inspector,这样就打开了布局检查器窗口。 布局检查器仅显示正在运行的进程的 UI 层次结构。...该版本的布局检查器延续了之前版本的功能并且更加多样化。首先,布局检查器可以用两种方式显示 UI 层次结构: 以二维的轮廓格式,或者以一种称为旋转模式 (rotation mode) 的三维视图形式。...通过布局检查器您还可以将新设计的界面和现有 UI 进行比较。要加载布局设计,点击 Load Overlay,然后选择一个布局设计。...这里我们有一个简单的示例应用,它包含一个 fragment,其中有一些静态文本和一个图片。如果您在阅读文章时想同步进行操作,可以先按照下面步骤操作创建工程。
[在这里插入图片描述] 另一个导致卡顿的原因是垃圾收集器 (GC) 暂停 UI 线程以回收内存。...更容易的界面分析和定位:Flutter 框架中常用的 Widget 都会在左侧的 Widget 树视图中显示图标,它们根据类别进一步进行颜色编码,例如布局 Widget 显示为蓝色,而内容Widget...然后,再启动后,运行测试,包括设置断点、步进、跳过等。 此外,Flutter 最新的 IJ/AS 插件允许查看单元测试和集成测试运行的覆盖率信息,可以从“调试”右边的按钮来查看测试覆盖率的信息。...[在这里插入图片描述] 覆盖信息会在编辑器的装订线中使用红色和绿色条进行区分,在示例程序中,第 9-13 行被测试,但第 3 和 4 行没有被测试。...工具:异常、新应用模板和 Pigeon 1.0 现在,调试器也进行了相应的升级优化,可以在未处理的异常上正确中断,而这些异常以前时只能被 framework 捕获 ( #17007 )。
领取专属 10元无门槛券
手把手带您无忧上云