- 博客(5)
- 收藏
- 关注
RSS订阅原创 React过渡动画react-transition-group
React过渡动画安装react-transition-group# npmnpm install react-transition-group --save# yarnyarn add react-transition-group可导入使用的有四个组件对象：Transition（不常用）CSSTransition（它的属性结合css控制组件出现、消失）SwitchTransition（控制两个组件之间状态切换）TransitionGroup（当有一组组件的动画时，需要使用它包裹）
2020-09-30 14:57:33
432
原创 为什么useState可以使用const解构赋值？
为什么useState可以使用const解构赋值？之前一直有一个问题困扰我，就是如下useState的数组解构赋值使用const进行声明？下面是简单的ES6的数组解构赋值：//const声明的变量不能进行再次赋值，但可以对对象中的属性进行赋值const [x,y]=[{a:1},3]x.a = 2 //successx={}//error 报错；y=4//error 报错；x--->{a:1}y--->3使用React的useState Hook的标准方法如下：cons
2020-09-14 16:28:38
2101
原创 React Hooks学习
HooksHooks 是一种函数，该函数允许您从函数式组件 “勾住(hook into)” React 状态和生命周期功能。有状态组件，就可以使用函数式组件来定义了。类组件和函数组件类组件：import React, { Component } from 'react'export default class Example extends Component { state = { count: 0 } addCount() { this
2020-09-12 14:39:16
208
原创 Vue.nextTick进阶分析
Vue.nextTick进阶分析参考资料：Vue.nextTick 的原理和用途我的文章一篇文章setState进阶Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，需要进行diff算法之后才能更新真实DOM，所以使用了Vue.nextTick(callback)，callback将在视图更新（即挂载真实dom）的时候被执行。vue的响应式和react的setState此时区别于React中的setState方法，vue的响应式改变data中的值之后就可以被立即捕获到，所以说vue响应
2020-09-06 15:27:56
196
原创 position：sticky实现
position：sticky实现position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed 的合体，当目标区域在屏幕中可见时，它的行为就像position:relative；当页面滚动超出目标区域时，它的表现就像position:fixed，它会固定在目标位置。（注意：top和left优先级分别大于bottom和right）原生实现：<style> .header { width: 100%
2020-09-04 08:50:21
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人