随笔分类 -  前端理解

react 渲染
摘要:[toc] React渲染 JSX如何生成element 他会经过babel编译成React.createElement的表达式 是用来组成虚拟DOM树 createElement的三个参数 1. type 标签 2. attributes = 属性标签,没有的话,可以为null 3. childr 阅读全文
posted @ 2020-02-24 22:41 二十四桥夜月明 阅读(97) 评论(0) 推荐(0)
grid 布局(2)
摘要:[toc] grid 布局(2) grid区域属性 网格线名称 和 属性里面,还可以使用方括号指定每一根网格线的名字,方便以后引用 例: 上面的代码指定网格布局为 3 3 ,因此会有4根垂直网格线和4根水平网格线 网格布局允许一个网格线上有多个名字,比如 ; grid template areas 阅读全文
posted @ 2019-12-29 15:24 二十四桥夜月明 阅读(226) 评论(0) 推荐(0)
网格布局 grid(1)
摘要:[toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后,容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的 阅读全文
posted @ 2019-12-28 11:39 二十四桥夜月明 阅读(241) 评论(0) 推荐(0)
数组去重
摘要:[toc] 数组去重 使用filter 我们根据数组api 与``indexOf()``来去重 使用forEach()或者for循环+indexOf() for循环嵌套 使用sort() es6 Set方法 for...of 与object 利用了object对象的key值的唯一性 阅读全文
posted @ 2019-12-04 15:32 二十四桥夜月明 阅读(172) 评论(0) 推荐(0)
es6 新增变量声明方式
摘要:let 与 var var var声明的变量拥有 或者 在全局中声明变量即为全局变量 在函数中声明变量即为局部变量 而var在使用过程中也逐渐暴露出许多问题 var的几大问题 变量提升 使用var来声明变量会出现变量提升的问题,即在声明变量之前就调用变量 出现上面情况其实是非常 不好的 ,因为在声明 阅读全文
posted @ 2019-12-04 10:48 二十四桥夜月明 阅读(335) 评论(0) 推荐(0)