摘要: [toc] React渲染 JSX如何生成element 他会经过babel编译成React.createElement的表达式 是用来组成虚拟DOM树 createElement的三个参数 1. type 标签 2. attributes = 属性标签,没有的话,可以为null 3. childr 阅读全文
posted @ 2020-02-24 22:41 二十四桥夜月明 阅读(84) 评论(0) 推荐(0) 编辑
摘要: [toc] grid 布局(2) grid区域属性 网格线名称 和 属性里面,还可以使用方括号指定每一根网格线的名字,方便以后引用 例: 上面的代码指定网格布局为 3 3 ,因此会有4根垂直网格线和4根水平网格线 网格布局允许一个网格线上有多个名字,比如 ; grid template areas 阅读全文
posted @ 2019-12-29 15:24 二十四桥夜月明 阅读(190) 评论(0) 推荐(0) 编辑
摘要: [toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后,容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的 阅读全文
posted @ 2019-12-28 11:39 二十四桥夜月明 阅读(210) 评论(0) 推荐(0) 编辑
摘要: [toc] 数组去重 使用filter 我们根据数组api 与``indexOf()``来去重 使用forEach()或者for循环+indexOf() for循环嵌套 使用sort() es6 Set方法 for...of 与object 利用了object对象的key值的唯一性 阅读全文
posted @ 2019-12-04 15:32 二十四桥夜月明 阅读(164) 评论(0) 推荐(0) 编辑
摘要: let 与 var var var声明的变量拥有 或者 在全局中声明变量即为全局变量 在函数中声明变量即为局部变量 而var在使用过程中也逐渐暴露出许多问题 var的几大问题 变量提升 使用var来声明变量会出现变量提升的问题,即在声明变量之前就调用变量 出现上面情况其实是非常 不好的 ,因为在声明 阅读全文
posted @ 2019-12-04 10:48 二十四桥夜月明 阅读(326) 评论(0) 推荐(0) 编辑
摘要: [toc] BOM (浏览器对象模型) 简介 作用:提供了独立的内容与浏览器窗口进行交互,因为BOM的核心功能是管理窗口和窗口之间的通讯。所以说BOM当中 核心对象 是 。 BOM里面包括了诸多对象,由这些对象共同构成了BOM,这诸多的对象当中提供了很多方法 和属性就是BOM实现功能的依据。 BoM 阅读全文
posted @ 2019-11-13 17:34 二十四桥夜月明 阅读(294) 评论(0) 推荐(0) 编辑
摘要: [toc] Math Math的两个属性值 E E为一个 ,其值为2.7182818 PI PI为 , 值为3.1415926 abs(); 绝对值 ceil(); 向上取整 floor(); 向下取整 round(); 四舍五入取整 max(); 取最大值 min (); 取最小值 pow(); 阅读全文
posted @ 2019-11-12 19:08 二十四桥夜月明 阅读(196) 评论(0) 推荐(0) 编辑
摘要: [toc] javaScript(api学习) 数组有关的api 创建数组 数组的增删改查 delete可以删除,但只删除值,位置会被undefined填充,形成稀疏数组 注: 1. 更改数组长度的方法在数组索引不为数字的时候length失效 2. 在数组处在稀疏数组的状态,我们通过length操作 阅读全文
posted @ 2019-11-11 16:57 二十四桥夜月明 阅读(320) 评论(0) 推荐(0) 编辑
摘要: [toc] JavaScript函数 函数是什么 函数是一种工具,他是用来将一些重复的功能封装到一起,之后去调用即可 函数返回值 : 将函数内部的值返回到函数的外部。从而实现在函数外部使用值的作用 tip : 如果一个函数没有返回值,结果为Undefined。 return特点: 1. return 阅读全文
posted @ 2019-11-10 13:11 二十四桥夜月明 阅读(189) 评论(0) 推荐(0) 编辑
摘要: [toc] Javascript认识(1) JavaScript 常见事宜 JavaScript介绍 JavaScript是一种 脚本语言,是一种 、``弱类型``、基于原型的语言,内置支持类型。 Javascript内容 1. Js核心语法(ECMAScript 核心语法) 2. Dom(Docu 阅读全文
posted @ 2019-11-04 08:31 二十四桥夜月明 阅读(200) 评论(0) 推荐(0) 编辑