摘要：
JavaScript事件委托 事件委托是，一个事件理应绑定到相应需要触发的元素上，但却将该事件绑定到其父元素上，利用事件冒泡原理，触发其事件。 使用方法：现页面上有一个ul，ul下有多个li，给ul绑定一个点击事件，每个li给定一个标识，当点击li时，会触发ul的点击，ul能够获取到li的下标，根据 阅读全文
摘要：
首先了解一下 Animation 的基本用法，使用其需要给动画指定一个周期持续的时间，以及动画效果的名称。可以看一下demo 注释：这是一个给透明和背景色属性设置的一个动画过渡效果 实现很简单（具体看到代码中的注释）： 1 .block_wrap { 2 width: 500px; 3 height 阅读全文
摘要：
该笔记中，主要记录CSS动画的：transition 和 animation 一丶Transition transition 从它本身的意思来说就是 过渡，在css3引入transition前，css的状态变化都是即时完成的，例如我们平时若是不使用UI库的情况下，做类似于折叠面板的组件时，我们通常会 阅读全文
摘要：
https://video-react.js.org/components/player/ https://github.com/vortesnail/qier-player 阅读全文
摘要：
最近在做项目时，发现CSS3中关于动画的技术，自己很少运用在项目中，平时一些列表块的收缩和展开动画效果，几乎都是使用 display 的 none 和 block，或者 visibility 的 hidden 和 visible 来进行控制。因此，在最近的项目中，就开始深入研究CSS3关于动画的技术 阅读全文
摘要：
前言 一开始学习前端的时候，很多技术都是学习其用法，实际上很少去了解其原理，因此在空闲时，去写一些笔记记录一下自己对一些常用技术的原理理解。 什么是Promise？ Promise 是ES6提供的一个对象，Promise对象代表了未来将要发生的事件，用来传递异步操作的消息；常用在网络请求中。 Pro 阅读全文
摘要：
本文建议使用yarn进行环境搭建和后续项目启动之类的 安装yarn npm -g install yarn // -g代表全局安装 接下来，使用yarn进行安装 // 初始化项目 npx create-react-app imooc // 添加antd yarn add antd // 使用reac 阅读全文
摘要：
任何一个盒模型都有内容（content）和边距（border），使用CSS绘制三角形，就需要对这两个属性进行操作。 三角形内部是不需要内容的，但是需要保留内容区域，所以需要给内容设置为空，则需要给content属性赋值 .triangle { content: '',} 在将内容设置为空时，盒模型实 阅读全文
摘要：
日常编程中，对数组的操作是常见的，对数组操作常用for循环语句，以便对数组中每个元素可操作，而对数组所进行的操作无非是增删改，在有时需要对数组进行遍历删除操作时，常常使用的是splice()方法。 图1 splice()用法 然而，当我们在for循环中使用splice()方法时，却出现了问题。 图2 阅读全文
摘要：
直接复制到样式文件中即可，在网上查到的！ 阅读全文