antd Modal.confirm实现延迟关闭效果业务场景分析代码--拿来即用 Ant Design的Modal组件在业务中十分常用。当需要一个简洁的确认框询问用户时,可以使用 Modal.confirm() 等语法糖方法。今天用大白话来讲讲如何用promise来延迟关闭确认对话框(Modal.confirm)。业务场景当开发删除、退出等功能时,我们常常会使用Modal.confirm()来实
一、按钮Buttonpages->ui->button.js:对应路由/admin/ui/buttonsimport React from 'react'; import {Card, Button, Radio} from 'antd' import './ui.less' class Buttons extends React.Component{ state = {
转载 2024-02-26 20:26:55
96阅读
 一、与节流是什么本质上是优化高频率执行代码的一种手段如:浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用 (debounce) 和 节流(throttle) 的方式来减少调用频率定义节流: n 秒内只运行一
Ant官方推荐了button组件属性的使用顺序:type -> shape -> size -> loading -> disabled具体做法如下:<a-button type="primary" shape="round" size="default" :loading="false"
转眼间,春节假期已经在向我们招手了。在抓紧时间制定出游攻略的同时,我常常想起上一次旅游的最大收获。大家猜猜我指的是什么?可能有人要猜:“是不是去了某个在课本里出现的古迹?又或者是领略到了何种令人难忘的美景?”好吧,其实大家的猜测都有道理,但其实,我最大的收获是学会了抠图。听到这里,肯定有人要质疑了:“什么?学会抠图有什么难的?”唉,大家不知道,对于我这种“手残”来说,所有需要操作的技能都不算简单呐
最近更新有点慢,更新慢的原因最近在看《css世界》这本书,感觉很不错《JavaScript高级程序设计》 这本书已经看了很多遍了,主要是复习前端的基础知识,基础知识经常会过一段时间记忆就会慢慢模糊,特别是现在用vue、react、angularjs已经很少用原生js了,对dom的原生api方法已经忘记很多了。《梦的解析》--弗洛伊德,看这本书主要是自己的兴趣爱好,里面的内容有点难度,想通过心理学改
转载 2024-06-25 18:36:35
80阅读
防止表单重复提交 介绍了使用 redirect 技术防止表单提交,但是 redirect 解决不了后退到表单页面时重复提交表单,为了解决这个问题,加入了 token 的机制。如果每个 form 相关的处理方法中都写一遍 token 的生成和校验代码,在实际项目中是不太能接受的,接下来介绍了使用拦截器的方式生成和校验 token。 1. 常规防止表单重复提交流程: GE
文 | 局长出品 |音企业级应用 UI 解决方案 Semi Design 近日宣布开源,采用了 MIT 开源许可协议。根据官网的描述,Se...
转载 2022-03-16 11:53:52
212阅读
文 | 局长出品 | OSC开源社区(ID:oschina2013)音企业级应用 UI 解决方案 Semi Design 近日宣布开源,采用了 MIT 开源许可协议。根据官网的描述,Se...
转载 2021-11-04 10:54:58
263阅读
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架,号称可以让开发人员轻松搭建企业级的前端项目。进入官网,选择开始使用,可以看到官网提示:你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue,提前了解和学习这些知识会
转载 2024-05-09 11:03:29
432阅读
你怎么看?
转载 2022-01-19 14:32:11
43阅读
第一部分: 前言  ant.design是基于react开发的一个解放ui和前端的工具,它提供了一致的设计方便我们快速开发和减少不必要的设计与代码,很多实用react框架的开发者都已经在使用ant.design了,且其在github上的star数也早已上万,足见其火热程度。  ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。    ant.design设计很精妙,vue的iv
转载 2024-05-23 05:56:50
196阅读
最近接手了一个react项目,里面需要用到折线图,看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档,发现好多地方的属性与echart区别很大,甚至用法都不一样了。最终结合文档,对属性一 一 试用了解,完成了任务。现给与记录,以便后来再使用方便。实现目标( UI 给图 )           
转载 2024-03-07 21:20:18
266阅读
Ant是一个很好的跨平台构建工具,特别是对于Java项目,这里使用它对Android工程进行自动化构建可以得到非常大的便利。一般来说对Android工程进行构建主要有以下几个步骤:使用aapt来编译工程生成R.java;使用aapt来对工程所需用的资源进行打包;转换并编译AIDL文件;编译Java源文件并生成.class;转换并压缩.class文件成.dex文件;使用aapt打包生成未签名的apk
转载 2024-07-24 21:09:36
60阅读
前言:Ant Design是服务于企业级的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。设计原则:一、亲密性 如果信息之间关联性越接近,也越像一个视觉单元;反之,它们的距离就应该越远,越像多个视觉单元。亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。 二、对齐 在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲
ant design pro和ant design基础学习要学会并熟悉基于ant design pro快速开发出项目,需要学会以下知识:JSX 语法jsx语法 一般来说,HTML 原生标签都使用小写,开发者自定义的组件标签首字母大写,比如<MyComponent/>React 组件语法虽然输出 JSX 代码的函数就是一个 React 组件,但是这种写法只适合那些最简单的组件。更正式、更
Ant Design的布局 我们来讲一下Ant Design布局空间布局是体系化视觉设计的起点,和传统的平面设计的不同之处在于,UI界面的布局空间要基于『动态、体系化』的角度出发展开,我们受到建筑界大师柯布西耶的模度思想的启发,基于『秩序之美』的原则,探索UI设计中的动态空间秩序。 在中后台视觉体系中定义布局系统,建议从5个方面出发: 1.统一的画板尺寸 2.适配方案 3.网络单位 4.栅格 5.
转载 2024-02-27 08:18:46
175阅读
react整合Ant Design Landing[首页模板集]安装nodejs安装create-react-app实用create-react-app 初始化create-react-app demo进入目录并启动 cd demo & npm start页面访问下载设计后下载文档[设计编辑页面Ant Design Landing入口](https://landing.ant.desig
转载 2024-04-03 21:08:14
198阅读
背景Ant Design是一套不错的UI组件库,功能强大。但是依赖了很多其他的组件,在RN6.3以后要自己安装以下组件才能正常使用。yarn add @react-native-community/cameraroll @react-native-community/picker @react-native-community/segmented-control @react-native-com
转载 2024-05-12 16:20:14
219阅读
在使用ant design开发后台业务过程中,遇到了给upload组件配置后台服务器的问题。因为用习惯了七牛云的快速易用,以及喜欢它的自动压缩接口,因此第一反应就是想怎么配置上传到七牛云上面。不过经过多番搜寻,并没找到好的解决方案。官方推荐参考的jQuery-File-Upload服务端上传接口实现测试了几个nodejs的实现,发现很久没有维护了,存在一些问题。于是只能从阅读ant design
转载 2024-05-03 15:04:41
103阅读
  • 1
  • 2
  • 3
  • 4
  • 5