最近在接触一项比较新的技术，可能是因为年纪大了，对于新技术有一点本能排斥，并不是说主观意义上的，而是在很想接受的意识形态下，无法静下心来接受的那种感觉。
就像有时候我们南京圈的007or们说要在2017年最后100天读30本书一样，我们想要沉淀的是读书的感觉，然后才是读书的提升。虽然开始我有坚持了，最近迫于工作的压力，暂时只能暂停了。
对于专业上的学习提上了日程是迫不得已的。。es6，react，redux~~~~·oh，对于我来说我只能说好难啊，不会js的人却学着真的好难。
认识React
其实react主要看起来是非常简单的一个知识点。但是自己读起来对于没有基础的还是有点难度的。
今天就给大家介绍下React吧。算是给自己学习的一个阶段性总结。
react来源于facebook,2013年诞生。说起facebook大家不陌生，国内的人人网就是之前的校园网就是那什么facebook的。
【 React不是一个完成的框架。它是视图层的解决方案，它以构建组件视图为核心，并提供类似控制器的函数接口和生命周期函数。在react中没有控制器，没有服务，没有指令，没有过滤器等。】
上面的内容我目前只能理解部分，但是随着深入的学习，再给大家补充。
React 比较轻，目前是Minimal API interface ,只提供组件化相关的非常少量的API.简化了一切可以简化的东西。可以说React是专门为了组建开发而诞生的。
React可以搭配FLUX等框架使用。有FLUX的保驾护航，数据的单向流动，自称是比MVC、MVVM更高级的一种模式。
React使用的virtual（虚拟）DOM技术，使得它性能卓越，开销很小。
Virtual DOM
Virtual DOM是React中非常重要的概念，在日常开发中，前端工程师们需要将后台的数据呈现到界面中，同时要能对用户的操作提供反馈，作用到UI上...这些都离不开DOM的操作。但是我们知道，频繁DOM操作会造成极大的资源浪费，通常也是性能瓶颈的原因，于是React引入了Virtual DOM这个概念。它的核心就是计算比较改变前后的DOM区别，然后用最少的DOM操作语句对DOM进行操作。
举个栗子
现在需要将上图左边的DOM结构替换成右边的结构，这种情景在实战项目中经常遇到。但是如果直接操作DOM的话，进行移出的话可能就是四次删除，五次插入，这种消耗是非常大的。但是如果使用Virtual DOM处理，那就是比较两个结构的差异，发现仅仅改变了四次内容，一次插入。这种消耗就小很多，无非加上一个比较的时间。
即使用Virtual DOM 技术：通过计算，我们只需要改变4个li的innerHTML，并且插入一个li即可。
React的特点
React非常轻，API非常精简、清晰，非常容易就可以上手开发。
React对数据的封装非常好，对数据的流动有非常完善的设计。
阶段说明：
糖糖妈妈就简单给说到这里吧，明天继续学习，课程是JSX,如果你对新的前端技术想了解的话，可以跟糖糖妈妈一起学习。
这个是React全家桶的开始学习，如果你是前端，欢迎一起探讨。或者糖糖妈妈可以向你请教。
网友评论