前言 webstorm 2021.1 版本更新后,一直使用的Material Theme UI主题开始收费了,如果不付费的话,文件树那里格外的小,看起来十分的难受。...Material Theme UI介绍 这是jetbrains公司旗下所有软件(webstorm、idea、datagrap等)都可以使用的一款主题插件,它有10几种主题可以选择,可以让你的编辑器看起来十分美观...Theme UI插件外,我还安装了Atom Material lcons插件,这个是用于图标美化的。...解决方案 在Material Theme UI插件官网上找了下它的历史版本,都尝试了下,发现5.7.0版本是最后一个免费版本,且支持最新的webstorm。...下载安装包 去它的版本记录中找到5.7.0或者直接点此处进行下载,如下图所示,直接点Download按钮即可 image.png 安装插件 下载成功后,你会得到一个名为Material_Theme-5.7.0
react-select image.png 一个灵活且美观的 ReactJS 选择输入控件,具有多选、自动完成、异步和可创建的支持。...material-ui image.png MUI 提供了一套全面的 UI 工具,可帮助您更快地发布新功能。...从 Material UI(我们完全加载的组件库)开始,或者将您自己的设计系统引入我们的生产就绪组件中。...react-drag-drop-files image.png 轻量且简单的 Reactjs 拖放文件库,可使用非常灵活的更改选项,因此您可以为拖放区域放置任何您想要的设计。...react-popup image.png Reactjs-popup 是一个简单的 React 弹出组件,可帮助您为下一个 React 应用程序创建简单和复杂的模态、工具提示和菜单。
,遇到问题好解决。...2:Material-UI 推荐指数:star:57.9k 英文文档:https://material-ui.com Github: https://github.com/mui-org/material-ui...Material-UI当下流行的 React UI 框架,组件用于更快速、更简便的 web 开发,适合小团队,或者个人项目快速搭建前端界面,可以自定义主题,Github上面的star挺多的,有超过Ant.../semantic-ui/ Semantic UI 是一款非常优秀的前端开发框架。...react-bootstrap.github.io 中文文档: http://react.tgwoo.com Github: https://github.com/react-bootstrap/react-bootstrap/ 一款基于ReactJS
上篇文章中写了流行的前端UI几大框架,发现大部分评价都是Vue的UI组件库,从评论中得知漏掉了很多,也有人问React ui,自己就搜索总结下适应于ReactJS的UI组件库。...一.Material-UI ? Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。...英文文档:https://material-ui.com 中文文档:http://design.1sters.com Github: https://github.com/mui-org/material-ui...React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库。...Rebass 它包含60个组件,是一个UI库及UI设计系统。
,遇到问题好解决。...图片 2:Material-UI 推荐指数:star:57.9k 英文文档:https://material-ui.com Github: https://github.com/mui-org/material-ui...Material-UI当下流行的 React UI 框架,组件用于更快速、更简便的 web 开发,适合小团队,或者个人项目快速搭建前端界面,可以自定义主题,Github上面的star挺多的,有超过Ant.../semantic-ui/ Semantic UI 是一款非常优秀的前端开发框架。...react-bootstrap.github.io 中文文档: http://react.tgwoo.com Github: https://github.com/react-bootstrap/react-bootstrap/ 一款基于ReactJS
我用的手动安装步骤如下: 1.点击Preferences >Browse Packages菜单 2.进入打开的目录的上层目录,然后再进入Installed Packages/目录 3.下载Package...安装需要用到的插件 安装sublime的插件步骤如下: 1.打开Sublime Text3 ,点击菜单栏的“Preferences”-->"Package Control",或者可以使用快捷键command...React Native开发推荐的一些插件: ReactJS : 支持React开发,代码提示,高亮显示 。 Emmet :前端开发必备。...推荐一个sublime material 风格主题:Material ,直接去搜这个插件就能安装,安装后之前和安装之后的效果对比 之前: ?...": true, "material_theme_big_fileicons": true, "material_theme_tabs_autowidth": true, "tab_size
问题描述 当使用el-avatar组件时,如果页面已经渲染出来了,但是图片还没从服务器端获取到的时候,那么el-avatar组件就会进入到失败的事件中,这时候头像从服务器端获取到了,但是图片并不会自动加载...问题解决 在组件上加一个key就解决了此问题,由此可见,key在组件渲染还是有很大用处的。
最近Material Design设计语言悄然发生了一些变化。不知道开发者们注意到了没有? 其变化就是: Google官方更新了面向开发者的 Material Design 设计指南 。...但是估计Android大部分开发者在写UI界面时都做过类似的设计,跟这个Bottom Navigation要实现的功能一样。那就是底部Tab导航(底部菜单Tab栏),是不是IOS开发者很熟悉?...毕竟大部分的公司IOS和Android开发者都是使用的同一套UI设计,而且大部分UI设计师都是按苹果设计的。其实这给Android开发者带来了很大的痛苦和麻烦。...这一次Material Design 设计语言的改变,加入了Bottom Navigation组件不知道是不是为了靠近ios的设计,呼应开发者呢?...但是有一点需要注意的是,虽然改成了底部Tab导航的方式,但是这个底部Tab并没有之前Android自己独有左右滑动切换界面的特性,只能用手点下边的Tab菜单切换了。
Fuse React管理模板使用Material UI作为主要UI库,同时使用Redux进行状态管理。 它具有内置的页面模板、路由和身份验证功能。...Pro是一个基于React Boilerplate的完整ReactJS管理模板。...Ammie - React Admin Template Ammie是一个基于React组件的反应管理模板,也是使用Material UI框架创建的最佳反应管理模板。...其中一些流行的库是Material-UI、Redux、Redux-Saga、ReCharts、React Big Calendar等等。...27.Material Design ReactJS Admin Web App with Bootstrap 4 Material是一个受谷歌材料设计启发的管理模板,使用ReactJS和Bootstrap
2015-2016前端架构体系技术精简版 点击查看github高清图 点击查看完整版 一、框架与组件 **bootstrap等UI框架设计与实现 伸缩布局:grid网格布局 基础UI样式:元素reset...、按钮、图片、菜单、表单 组件UI样式:按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局:布局、结构、样式、媒体、javascript响应式...函数触发,脏数据检测、对象hijacking **polymer/angular2思想与设计思路 import技术 template和script引入方式 css样式命名空间隔离 简单复用第三方库 **reactjs...框架 bootstrap、jqwidgets、semantic ui、amaze ui 微信手Q ui: frozenui、weui、blend ui extjs、echart图表ui .........八、研究实验 **WebAssembly、webTRC、typescript **Material design规范的前端框架 交互动效库 **AMP-HTML规范 使用受限HTML以及缓存技术来提高移动网络中静态内容的性能
这个模板有表格、表单、地图、图表、 UI 特性、配色方案、页面等等 二、NextJS Material Dashboard Go to NextJS Material Dashboard ?...NextJS Material Dashboard 是一个免费的 Material-UI、 NextJS 和 React Admin,其新颖的设计灵感来自谷歌的 Material Design。...它具有多个 HTML 元素,并附带了用于 ReactJS、 Vue 和 Angular 的动态组件 十五、Now UI Kit React Go to Now UI Kit React ?...十八、Material UI Go to Material UI ? Material UI 是一个组件库,用于 React,其中充满了你应该在项目中使用的强大组件。...如果你只是想创建一个好看的应用程序,Material UI 可以为你提供坚实的预先风格的组件,将完成工作。
➤支付 Android In-App Billing v3 Library:开发者通过Android v3 API轻松处理应用程序支付问题。 Checkout:Android平台上的另一个支付库。...➤文本 Ticker:支持内容滚动的UI组件。 MaterialEditText:Material Design风格的文本编辑器。...Android Morphing Button:实现按钮的动态变化切换。 ➤表单 Vertical Stepper Form Library:Material Design风格的垂直方向进度器。...➤菜单 BottomBar:Material Design风格的底部导航栏。 Side Menu:创建侧滑菜单库。...➤Slider SlidingMenu:可为应用程序创建侧滑菜单的库。 MaterialDrawer:Material Design风格的侧边抽屉库实现。
对于没有相关基础的人,在正式学习App的UI之前,建议先了解Material Design相关的知识 关于Material Design设计风格的资料 MaterialApp MaterialApp代表使用...出现在Android任务管理器的程序快照之上 ,或iOS的程序切换管理器中 onGenerateTitle GenerateAppTitle 与title一样,但含有一个context参数用于做本地化...theme ThemeData 应用程序的主题,各种的定制颜色都可以设置,用于程序主题切换 darkTheme ThemeData 深色模式下的主题 themeMode ThemeMode 用于设定主题模式...网格 // 在构建UI前,设置一些属性 MaterialApp( builder: (BuildContext context, Widget child) { return...endDrawer Widget 结束部分的(右边)抽屉菜单 drawerScrimColor Color 打开侧滑菜单时遮盖在主要内容区的蒙层颜色 backgroundColor Color 内容的背景颜色
点击查看github高清图 点击查看完整版 一、框架与组件 **bootstrap等UI框架设计与实现 伸缩布局:grid网格布局 基础UI样式:元素reset、按钮、图片、菜单、表单 组件UI样式:...按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局:布局、结构、样式、媒体、javascript响应式 第三方插件:插件管理 **jQuery...函数触发,脏数据检测、对象hijacking **polymer/angular2思想与设计思路 import技术 template和script引入方式 css样式命名空间隔离 简单复用第三方库 **reactjs...框架 bootstrap、jqwidgets、semantic ui、amaze ui 微信手Q ui: frozenui、weui、blend ui extjs、echart图表ui .........八、研究实验 **WebAssembly、webTRC、typescript **Material design规范的前端框架 交互动效库 **AMP-HTML规范 使用受限HTML以及缓存技术来提高移动网络中静态内容的性能
13个基本的React面试问题 React面试问题和答案列表 React工具 React开发工具 create-react-app - 通过运行一个命令来设置现代Web应用程序 react-starter-kit...的创作工具 React路由 react-router - React的声明性路由 navi - React的声明性异步路由 curi - 用于单页面应用程序的JavaScript路由器 React组件库 material-ui...react-magic - 利用React的强大功能自动AJAXify纯HTML react-toolbox - 一组实现Google Material Design规范的React组件 tcomb-react...映射 图表 DevExtreme React Chart - 基于高性能插件的Bootstrap和Material Design的React图表 react-chartjs - 使用chart.js的常见...原生Twitter和Facebook共享弹出窗口 react-native-fbsdk - 围绕iOS Facebook SDK的包装器 react-native-side-menu - 用于创建侧边菜单的简单可自定义组件
Structor 是 ReactJS 的用户界面构建器,也就是 Node.js Web 应用 React UI 的可视化开发环境,支持编辑和可视化预览两个模式。...它自带了React Bootstrap,React Material UI等组件库,你可以通过拖拽轻松完成页面设计。
Material.swift - 基于Material Design动画和图像框架库(作者Daniel Dahan)。...其他UI AwesomeMenu - 最多人用的路径菜单。 DCPathButton - Path,4.0的弹出菜单,呼出或者关闭菜单时,多个小图标会分别按照逆时针和顺时针的方向进行滚动。...iOS Material Design库 - 该项目借鉴于谷歌的Material Design guideline,用户可自定义背景色。...Material-Controls-For-iOS - Material Design风格的各种控件,非常完整全面。...DKNightVersion - DKNightVersion是一个支持夜间模式切换的框架。 EasyUIControl - 一个可以简化界面ui的控制框架。
调试 UI 的问题有时很棘手,Android Studio 4.0 内置了全新的布局检查器 (Layout Inspector),它的使用效果类似 Chrome 开发者工具,可以帮助开发者调试 Android...应用的 UI (用户界面)。...首先点击窗口的 View 菜单,找到 Tool Window 子菜单,然后选择 Layout Inspector,这样就打开了布局检查器窗口。 布局检查器仅显示正在运行的进程的 UI 层次结构。...点击 rotation 按钮会在二维和三维视图之间进行切换。当处于旋转模式时,您可以旋转 UI 层次结构。旋转操作可以帮助您更直观地了解视图的组织结构。...看来布局检查器大显身手的时候到了: 我们运行一下程序并检查一下这个问题,成功连接应用进程后,切换到旋转视图会看到应用的 UI 出现了问题。
28.文本 Ticker:支持内容滚动的UI组件。 MaterialEditText:Material Design风格的文本编辑器。...Android Morphing Button:实现按钮的动态变化切换。...35.菜单 BottomBar:Material Design风格的底部导航栏。 Side Menu:创建侧滑菜单库。...37.Slider SlidingMenu:可为应用程序创建侧滑菜单的库。 MaterialDrawer:Material Design风格的侧边抽屉库实现。...gid=180 52.安卓巴士 http://www.apkbus.com/ 53.问答类,可以找到解决问题(即使很偏的问题)的方案 http://stackoverflow.com/
领取专属 10元无门槛券
手把手带您无忧上云