今天比昨天更好哦

看过我的《jsx如何转换成react-fiber》文章的朋友都知道，jsx先是通过babel编译和转化，变成vNode结构。而这个vNode结构就是创建Fiber树的关键！

React16了解清楚更新的概念，再去看源码demo版，脑子总算不会迷路了，谢谢卡颂大佬的博客！！！

什么是fiber？ 一个fiber本质上是一个Fiber类的实例，以下是实例中的各个属性。可以看出，每一个Fiber节点之间通过指针相互关联，并找到下一个Fiber节点。Fiber有什么用呢？

react框架做了什么事情？ 首先我们都知道，react和vue框架都是MVVM框架，它们做了同样一件事情，就是让开发者可以只修改数据，视图自动更新。 react框架的视图更新是怎么保证自己不卡顿的呢

本文以代码为例，简要介绍了前端+后端+数据的沟通全流程。 首先我们明确知道前端+后端+数据的分工分别是什么？再通过简单demo了解后端和数据分别是如何启动，做了什么。

以下内容以文字及少量代码形式展示，没有花里胡哨的图解。但细嚼之下，却也足够解决自适应问题。望细细观看。

BFC：BFC的全称是Block Formatting Content；js动画和css动画区别；last-of-type 和 last-of-child的区别，等等...

工程化解决了什么问题？ 宏观设计：CSS 代码如何组织、拆分、设计模块结构 编码优化：写出更易读易操作易懂的 CSS代码 构建：如何处理我的 CSS，才能让它的打包结果最优？

CSS模块化开发为什么进行css工程化？因为在vue或react等模块化框架中写作，很容易在不同模块中采用了相同的命名，导致了不同模块之间的样式产生相互覆盖的结果。css模块化也因此诞生。