自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 React onClick 和 JavaScript事件委托

React onClick 和 JavaScript事件委托JavaScript事件委托事件委托是,一个事件理应绑定到相应需要触发的元素上,但却将该事件绑定到其父元素上,利用事件冒泡原理,触发其事件。使用方法:现页面上有一个ul,ul下有多个li,给ul绑定一个点击事件,每个li给定一个标识,当点击li时,会触发ul的点击,ul能够获取到li的下标,根据每个li的下标进行不同的事件执行。React 的 onClick那么,react中的onClick和JavaScript的事件委托有什么关系呢?

2021-07-22 11:21:14 252

原创 使用gitlab下载代码(附常用命令)

Git是现在很多人常用的代码管理工具,这里有一些常用的命令详解,本人接触也不是很久,若有错误,请在评论指出,谢谢。若计算机中没有安装GIT,可自行查找安装教程,十分简便。①首先,我们需要下载项目,需要在计算机中给项目找到一个位置,使用命令:git clone 项目地址项目地址可进入gitlab此处复制,如图:红色部分则为项目地址。下载完毕后,进入项目目录下可看到众多的文件夹和文件,那就是你下载的项目了。②切换分支(多分支情况)这里给张图看看在图中可以看到使用了两个命令

2020-11-12 14:54:43 2711

原创 React@16.13.1配合antd UI使用,自定义主题

本文建议使用yarn进行环境搭建和后续项目启动之类的安装yarnnpm -g install yarn// -g代表全局安装接下来,使用yarn进行安装// 初始化项目npx create-react-app imooc// 添加antdyarn add antd// 使用react-app-rewired customize-cra就不用暴露webpack等配置文件 yarn add react-app-rewired customize-cra -D// 安装less.

2020-11-12 14:53:32 242 1

原创 Promise基础学习篇

前言一开始学习前端的时候,很多技术都是学习其用法,实际上很少去了解其原理,因此在空闲时,去写一些笔记记录一下自己对一些常用技术的原理理解。什么是Promise?Promise 是ES6提供的一个对象,Promise对象代表了未来将要发生的事件,用来传递异步操作的消息;常用在网络请求中。Promise对象的状态不受外界影响,它有三种状态  ·pending 进行中  ·fulfilled 已成功  ·rejected 已失败Promise的状态只能由异步操...

2020-11-12 14:52:50 1186

原创 CSS3+HTML5+JS 实现一个块的收缩&展开动画

最近在做项目时,发现CSS3中关于动画的技术,自己很少运用在项目中,平时一些列表块的收缩和展开动画效果,几乎都是使用display的none和block,或者visibility的hidden和visible来进行控制。因此,在最近的项目中,就开始深入研究CSS3关于动画的技术,并且运用到了项目中,下面是关于列表块的收缩&展开动画。简单的一个效果图实现思路大体上我们将列表块分割成标题块和内容块(1)标题块:展示标题和一个带有收缩&展开动画效...

2020-11-12 14:52:07 1646 1

原创 CSS 动画学习笔记——Transition篇

该笔记中,主要记录CSS动画的:transition和animation一丶Transitiontransition 从它本身的意思来说就是过渡,在css3引入transition前,css的状态变化都是即时完成的,例如我们平时若是不使用UI库的情况下,做类似于折叠面板的组件时,我们通常会用display的none和block来进行显示&隐藏的控制;有时用到伪类或者点击进行即时样式更改,页面上的效果也是即时变化,通常是没有动画过渡效果,如下例:注释:这是一个通过点击...

2020-11-12 14:51:35 214

原创 CSS 动画学习笔记——Animation篇

首先了解一下Animation的基本用法,使用其需要给动画指定一个周期持续的时间,以及动画效果的名称。可以看一下demo注释:这是一个给透明和背景色属性设置的一个动画过渡效果实现很简单(具体看到代码中的注释): 1 .block_wrap { 2 width: 500px; 3 height: 500px; 4 background: #e3e3e3; 5 /*...

2020-11-12 14:51:08 424

原创 React onClick 和 JavaScript事件委托

JavaScript事件委托  事件委托是,一个事件理应绑定到相应需要触发的元素上,但却将该事件绑定到其父元素上,利用事件冒泡原理,触发其事件。  使用方法:现页面上有一个ul,ul下有多个li,给ul绑定一个点击事件,每个li给定一个标识,当点击li时,会触发ul的点击,ul能够获取到li的下标,根据每个li的下标进行不同的事件执行。React 的 onClick  那么,react中的onClick和JavaScript的事件委托有什么关系呢?  使用过或了解过react的开发者大概

2020-11-12 14:49:39 391

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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