React学习第一天（2020.6.3）

1、两个概念library（库）和framework（框架）：
Library：小而巧，可以方便从一个库切换到另一个库
Framework：大而全，提供了一整套的解决方案，切换的较麻烦
2、react和vue的对比
模块化：从代码的角度来进行分析的；将一些可复用的代码抽离为单个的模块，便于项目的维护和开发。
组件化：从UI界面的角度来进行分析的；把一些可复用的UI元素抽离为单独的组件，便于项目的维护和开发。
组件化的好处：随着项目规模的增大，组件增多，方便把现有组件拼接成一个完整的页面。
3、vue如何实现组件化：通过.vue文件，创建对应的组件。
<template>结构
<script>行为
<style>样式
4、react如何实现组件化：react中有组件化的概念，但是并没有像vue这样的组件模板文件；react中，一切都是js来表现的。ES6和ES7（async和await）要会用。
5、虚拟DOM
用js对象模拟页面上的DOM元素和嵌套关系，为了实现页面中dom的高效更新。
6、Diff（different)算法
Tree diff:新旧两颗dom树，逐层对比的过程就是tree diff；当整颗dom逐层对比完毕，则所有需要被按需要更新的元素必然能够找到。
Component diff:在进行tree diff的时候，每一层中，组件级别的对比，叫做component diff。
Element diff:在进行组件对比的时候，如果两个组件类型相同，则需要进行元素级别的对比，叫做element diff
7、创建基本的webpack4.x项目
运行npm init -y快速初始化项目
创建src源代码目录和dist产品目录