![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 65
Tryharder_cc
这个作者很懒,什么都没留下…
展开
-
React全家桶学习笔记 (一)
React全家桶学习笔记 (一) 目录React全家桶学习笔记 (一)一、jsx基本语法二、组件1.函数组件2.类组件3.函数组件与类组件的区别 一、jsx基本语法 (react核心库 react , react-dom(虚拟dom), babel(jsx转js)) 一.定义虚拟dom时不要使用引号 二.标签使用表达式使用{} (1)在{}中只能写表达式(注意:语句与表达式的区别) (一)表达式:一个表达式会产生一个值 例: 1.a 2.a+b, 3.原创 2021-12-20 11:38:39 · 206 阅读 · 0 评论 -
元素水平垂直居中的方式
元素水平垂直居中的方式 弹性盒: 父元素: display: flex; 子元素: margin: auto; 弹性盒2: 父元素:display:flex; justify-content: center; align-item: center; 定位1: 父元素:position: relative; 子元素:position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; 定位加2d变形 父元素: position:relative;原创 2021-06-07 21:25:19 · 124 阅读 · 0 评论 -
回流&重绘详解(如何减少)
回流和重绘 在了解回流和重绘之前我们首先要知道什么是回流什么是重绘。 什么是回流 通过构造render tree,我们将可见DOM节点以及它对应的样式结合起来,可是我们还需要计算它们在设备视口(viewport)内的确切位置和大小,这个计算的阶段就是回流。 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建时,这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候,这时候是一定会发生回流的,因为要构建render tree。 什么是重绘原创 2021-05-02 10:28:42 · 945 阅读 · 0 评论