特效开发实战阶段总结

这个阶段主要学习了rem，sass,bootstrap，react等知识。

其中bootstrap和react是花费事件比较长的。

关于bootstrap，它提供了很多已经写好的样式来帮助开发人员展示一个优美的页面，通过里面的不同的已经写好的类来修改页面。

断点：断点是指不同的屏幕大小。我们可以通过添加断点来做很多事情，比如指定在多少屏幕宽度下元素的显示或者隐藏，以及不同屏幕宽度下col所分配的宽度大小。

bootstrap在同一个属性上通常会有多种不同的选择，比如针对调节宽高，字体，边距等问题上，bootstrap会设置多种不同的方案，以便开发人员灵活 的选择合适的类。

此外bootstrap提供了自动表单验证 。要使用它的表单验证，我们需要通过novalidate取消原生的表单验证。然后为需要验证的元素添加对应的限制，并且在后面追加一个带有invalid-feedback类的元素。之后根据每一个需要验证的元素的结果为它赋值正确或者错误的类。并且对form表单添加was-validate表示这个表单已经验证过。

React：组件是react中最重要的部分，通过复用和组合组件可以大大的减少代码量。组件分为函数组件和类组件。他们有很多的区别，类组件有状态可以使用this.setState修改一些内容。函数组件属于无状态组件，它使用React.useState()返回的函数修改值。

类组件有自己的生命周期：

创建时：

更新时：

卸载时：