11 2019 档案
摘要:1. 添加配置中所配置的前缀可解决报错 @Component({ selector: 'app-image-wrapper', template: ` <div [ngStyle]="style" > <img class="img" [src]="src" [alt]="desc" /> <div
阅读全文
摘要:实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAni
阅读全文
摘要:虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中,并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤,整个过程被称为调和。 问题2:类组件和函数组件之间的区别是啥? 主题: React 难度: ⭐⭐ 类组件可以使用其他特性,如状态
阅读全文
摘要:Hooks 是 React 16 中的特性,解决函数组件想使用类组件的一些特性。 关于更多 Hooks 介绍,请参考 React 官网[1] useState之前是在类组件中使用状态通过 state 定义,大概代码是这样的。 import React from 'react'; class Coun
阅读全文
摘要:之前我们已经掌握了useState的使用,在 class 中,我们通过在构造函数中设置 this.state 为 { count: 0 } 来初始化 count state 为 0: class Example extends React.Component { constructor(props)
阅读全文
摘要:生成空节点 React.Fragment 官方文档: React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。 Fragments 看起来像空的 JSX 标签: render() { return ( <> <ChildA /
阅读全文