- 博客(6)
- 收藏
- 关注
原创 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
原创 元素水平垂直居中的方式
元素水平垂直居中的方式弹性盒:父元素: 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
原创 回流&重绘详解(如何减少)
回流和重绘在了解回流和重绘之前我们首先要知道什么是回流什么是重绘。什么是回流通过构造render tree,我们将可见DOM节点以及它对应的样式结合起来,可是我们还需要计算它们在设备视口(viewport)内的确切位置和大小,这个计算的阶段就是回流。当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建时,这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候,这时候是一定会发生回流的,因为要构建render tree。什么是重绘
2021-05-02 10:28:42
946
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人