这个阶段主要学习了rem,sass,bootstrap,react等知识。
其中bootstrap和react是花费事件比较长的。
关于bootstrap,它提供了很多已经写好的样式来帮助开发人员展示一个优美的页面,通过里面的不同的已经写好的类来修改页面。
断点:断点是指不同的屏幕大小。我们可以通过添加断点来做很多事情,比如指定在多少屏幕宽度下元素的显示或者隐藏,以及不同屏幕宽度下col所分配的宽度大小。
bootstrap在同一个属性上通常会有多种不同的选择,比如针对调节宽高,字体,边距等问题上,bootstrap会设置多种不同的方案,以便开发人员灵活 的选择合适的类。
此外bootstrap提供了自动表单验证 。要使用它的表单验证,我们需要通过novalidate取消原生的表单验证。然后为需要验证的元素添加对应的限制,并且在后面追加一个带有invalid-feedback类的元素。之后根据每一个需要验证的元素的结果为它赋值正确或者错误的类。并且对form表单添加was-validate表示这个表单已经验证过。
React:组件是react中最重要的部分,通过复用和组合组件可以大大的减少代码量。组件分为函数组件和类组件。他们有很多的区别,类组件有状态可以使用this.setState修改一些内容。函数组件属于无状态组件,它使用React.useState()返回的函数修改值。
类组件有自己的生命周期:
创建时:
![](https://i-blog.csdnimg.cn/blog_migrate/743e98ec5822fe9646342efa73c3e4ae.png)
更新时:
![](https://i-blog.csdnimg.cn/blog_migrate/e987fc18327f9d7fb98f804ccff20c6c.png)
卸载时:
![](https://i-blog.csdnimg.cn/blog_migrate/b41141478acc7881a81f6b8e6f9ea9e6.png)