JSX是一种描述组件内容的数据结构，为JS赋予了更多的视觉表现力


Fiber相对于JSX来说是储存的JSX的编译结果，并且会多出一些信息。

比如组件更新的优先级，

组件的state

被打上的Renderer标记 等等


所以，在组件mount的时候，Reconciler根据JSX描述的组件内容生成Fiber节点

在update时，Reconciler将JSX与Fiber节点保存的数据进行比对，生成组件对应的Fiber节点，并根据对比结果为Fiber节点打上标记

____________________________________________________________________________________________________________________

大多数的Vue模板编译发生在打包阶段，但提供了runtime-with-complier的版本可以在运行时编译。做一些特殊需求。

什么是JSX?

## 会改变自身的方法：##

array.copyWithin（target, start [, end = this.length]）【有兼容性问题】 用于在数组内的替换操作，即替换元素和被替换元素都是数组内的元素 参数皆为整数，允许start，end为负数（倒数第n个）

array.fill(value [,statrt = 0[, end = this.length]]) 将数组中指定区间的所有元素的值，都替换成value start，end允许为负值，同上

array.pop() 删除一个数组中的最后一个元素，并且返回这个元素

array.push(element1, ...elementN) 添加一个或多个元素到数组的末尾，并返回数组新的长度

array.reverse() 前后颠倒数组中元素的位置，第一个元素会成为最后一个

array.shift() 删除数组的第一个元素，并返回这个元素

array.unshift(element1, ...elementN) 在数组的开头插入一个或多个元素，并返回数组的新长度

array.sort([function(a, b)]) 对数组的元素做原地的排序，并返回这个数组。sort可能不稳定，默认按照字符串的unicode码位点排序

记a和b是两个将要被比较的元素：

* 如果函数function（a， b）返回值小于0， 则a会排在b之前
* 如何函数返回值等于0， 则a和b的相对位置不变（并不被保证）
* 如果函数返回值大于0，则a会排在b之后
* 比较函数输出结果必须稳定，否则排序的结果将是不确定的

array.splice(start, deleteCount[, item1[, item2...]) 在任意的位置给数组添加或删除任意个元素（拼接），返回被删除的元素组成的数组，没有则返回空数组

作者：mochase 链接：https://www.jianshu.com/p/ec79c4e47370 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

jsx