用习惯了传统的display、position和float布局方式，今天深入的学习了一下flex布局。
flex布局就是弹性布局，任何一个容器都可以指定弹性布局display:flex;，行内元素也可以display:inline-flex;
注意，采用flex布局后，子元素的
float、clear、vertical-align属性将失效
今天尝试第一次用react构建一个原型界面，发现他的语法和正常的html和css语法有个别差异还是满诡异的，特此记录，共勉，以后不能再犯这样的错误。
一般我在写html的时候，img标签都是这样写的：
然而在浏览器中却报错了：
最近开始学习和接触React，借此机会记录下自己的学习心得。
React一开始是facebook内部的项目，主要用在instagram网站上面的，后来发现这个框架用起来很方便，所以干脆就开源了，一下子吸引了众多的粉丝。它主要就是用来干这个事情的：
building large applications with data that changes over time.
什么意思呢？通俗的理解也就是说，只要做了一个应用之后，底层数据发生了变化，那么它用户界面的数据渲染就会同时发生相应的改变，很方便。
可能很多人都听说过 React 和 React Native，他们到底是什么关系呢？
1.1 ➡️ map( ) && filter ( )
功能相近，都是接受一个函数作为参数，区别就在map是将函数作用在数组的每一个元素上并返回新的数组，而filter是作用后只返回为true的元素。
1.2➡️ reduce ( )
接受两个参数，先将数组的前两项运算，然后在将计算出的结果和第三项计算，以此类推
1.3➡️ sort( )
数组排序，默认是按照ascii码进行排序，可以通过函数参数自定义排序方式
1、比较运算的时候，===会比==严谨，因为后者会自动转换数据类型再比较
2、NaN的数据类型为number，但是他不与任何值相等，包括他本身，要判断是否为NaN，只能通过isNaN()
3、浮点数的比较要注意，只能通过比较两个差值是否小于一定的区间的方法来判断是否相等，不能直接比较，如：
1 / 3 === (1 - 2 / 3); // false
应该写成这样:
Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
4、js的对象是键值组成的集合，其中键都是字符串类型，又称为对象的属性，值为任意数据类型
5、不用var申明的变量会被视为全局变量（换句话说，用var申明的变量只在当前作用域内有效），为了避免这一缺陷可能导致页面中多个同名变量比如i引起混乱的问题发生，所有的JavaScript代码都应该使用strict模式（只要在js最上面加一句’use strict’即可）