使用react写一个倒计时的按钮

最近在项目中使用计时器写一个倒计时按钮时,一开始没理清关系,后来终于找到了关键,做一个小demo备忘。 先把效果图贴上: 想做的效果如上,点击按钮后,按钮设为禁用,开始倒计时10s,倒计时结束即恢复。 思路如下: 1,将控制按钮状态、按钮文字和计时的秒数放在state中,用以改变状态。 2,写一...

2018-12-12 14:27:16

阅读数 448

评论数 0

在react中,通过点击选中组件的两种情况

想要通过点击组件,来进行组件选中与未选中状态的变换,可以分为两种情况,一种是点击哪一项该项选中,其他项不变,即为唯一选中;另一种是点击一项后,再点击其他项,会选中多项,再次点击已选中项会取消选中状态。 下面来分别看一下在react中的两种实现手法,基本思路都是通过state来控制选择项,通过三元...

2018-08-06 19:45:40

阅读数 1501

评论数 0

关于在页头写Tabs的两种写法

最近有一个需求,需要将antdesign的Tab组件放在页头,而内容分离到页面内容,做成这样的效果: 想要实现这样的写法,要在页头组件PageHeaderLayout里下文章,这里总结两种写法,分别是将TabPane写在当页和分出多页写的. 第一种,放在当页的写法: import Rea...

2018-07-30 18:01:57

阅读数 613

评论数 0

HTML元素中的行级与块级元素不能放在一行。

最近在工作中忽然发现了一个小问题,本来以为自己html标签学的挺好,今天终于明白,一直都是个菜鸟。 背景: 项目使用的是ant design的Grid布局,使用Row和Col。代码如下: <Col> &l...

2018-04-12 15:28:57

阅读数 810

评论数 0

countUp.js在react中的应用

公司项目需要做一个数字显示器,让我找到一个有趣的项目——CountUp.js。它是一个免费的轻量级javaScript工具,可用于快速创建动画,以更有趣的方式显示数字数据。作用:动画显示数字,千位分隔符,添加前后缀等等。 demo在查看CountUp.js工具demo github在count...

2018-03-02 17:03:18

阅读数 1722

评论数 0

package.json详解

概述 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。 最简单的package.json文件...

2018-02-27 18:02:38

阅读数 225

评论数 0

antd-admin克隆运行

记录一次从GitHub上克隆项目运行遇到的错误与解决办法。 首先,我们要克隆的是一款名为ant-admin的后台管理系统,附上GitHub项目地址antd-admin.为什么要学习它?因为它是基于react,ant-design,dva,Mock的一款企业级后台管理系统最佳实践,与工作所用内容相...

2018-02-27 17:56:34

阅读数 1066

评论数 5

内存模型

内存模型: 程序运行时,操作系统会给它分配一段内存,用来存储程序和运行时产生的数据。这段内存有起始地址和结束地址,比如从0x1000到0x8000,起始地址时较小的那个地址(0x1000),结束地址时较大的那个地址(0x8000)。 Haep(堆) ​ 在程序的运行过程中,对...

2018-01-25 16:26:14

阅读数 115

评论数 1

svn在桌面checkout 后桌面图标出现大量问号解决办法

在使用svn时,check out 应该新建文件夹在文件夹中checkout,这样才能使用该文件夹进行版本管理。 不要在桌面直接checkout,这样可能会导致桌面图标后面均出现蓝色问号,决解方法是: 在桌面新建文本文件,内容为for /r . %%a in (.) do @if...

2018-01-22 12:56:17

阅读数 515

评论数 0

NPM入门

Node.js 1,什么是node.js? ​ 简单的说node.js就是运行在服务端的JavaScript ​ node.js是一个事件驱动I/O服务端的JavaScript环境,基于chrome的V8引擎. v8引擎执行JavaScript的速度非常快,性能非常好。 N...

2018-01-20 16:21:52

阅读数 165

评论数 0

记录hexo d 时发生的一次异常错误

我们在输入 hexo d 后,显示如下 $ hexo d INFO Deploying: git INFO Clearing .deploy_git folder... INFO Copying files from public folder... INFO Copying fi...

2018-01-05 17:02:04

阅读数 972

评论数 0

算出 20 天后是周几?并用 2012-01-20 的方式输出

最近遇到一道题目,算出 20 天后是周几?并用 2012-01-20 的方式输出。在Eclipse上动手做了一下。1,首先,应该获取当前时间。两种方法: (1)Calender方法 Calendar c=Calendar.getInstance(); Syst...

2017-08-29 20:32:26

阅读数 276

评论数 0

ArrayList与LinkedList 的能效区别

为了对比区别ArrayList与LinkedList 的能效区别,我们在eclipse做一个实验来验证一下。package 集合;import java.util.ArrayList; import java.util.LinkedList; import java.util.Random;pub...

2017-08-21 11:05:02

阅读数 78

评论数 0

java中使用for循环去打印正方形,三角形,菱形等图形

1.实心正方形   public class 实心正方形 {   public static void main(String[] args) {  int z=5;  for(int i=0;i    for(int j=0;j    System.out.print("...

2017-08-08 19:56:28

阅读数 4855

评论数 3

提示
确定要删除当前文章?
取消 删除
关闭
关闭