特效开发高级实战学习总结

rem

我们会利用rem去完成屏幕等比例的缩放功能，屏幕的自适应布局等。

对于浏览器通常来说，最小的字体大小是12px

bootstrap

 简单的说，就是大佬为了之后的方便，自己写了一些类，然后我们也可以去直接使用这些类，只需要记住相对应的类名就可以是实现快速简洁的编写页面。

其中的类名基本都是简写名称，所以相对应，比较好记，才会推广这个方法

常用的container布局，display显示方式，float等等

不仅仅是格式上的布局，甚至字体颜色，背景颜色都有一些安排

额外有一些有用但不是经常使用到的类

 bootstrap也有自动的表单验证，如果需要自己想要的特殊的验证可以自己添加手动表单的验证

 总的来说，在某些批量式的开发下，bootstrap确实会方便很多，自己多用一下其中的类去写一些页面以及相应的验证，会顺手很多，但是想用bootstrap写出花的还是绕道而行吧

react

重点放在这上面。

react作为现在比较流行和找工作必备的技能包，我们也对此进行了基础的学习和了解

个人理解：就是很多小组件去构造一个大组件，也就是我们的页面，与我们之前所学习的地方最大的不同在于他更像是一个完整的整体，不像之前学的，css,html，js需要我们单独去写，react的每个组件里面都是完整的一套，会把相应的样式以及行为都放在一个组件里，用的话就有很高的复用性，适合大型页面的批量式开发

ref（个人理解）：

是需要把一些类似input数值绑定到一个类似按钮的身上，获取到对应的值，相当于js中的document.querySoloct获取,refs是一个自带的一个属性，我们可以利用这个属性去获取到相对应属性的值

 简单的本地账号的检验，ref获取input输入的值

受控组件（个人理解）：

就是有些地方需要有初始值，但是如果单纯赋值了后续不能进行更改，需要加一个函数去改变值，变成可以收到控制的组件

 受控组件：（有初值，但是会有变化）

状态提升（个人理解）：

多个组件需要用到值会去像服务器发起请求，我们为了追求性能就把这些组件需要的值放在他们最近的父组件中，当他们需要值时，可以直接像父组件去提取。

组件通信（个人理解）：

简单来说，就是props和函数，

当父组件像子组件传数据时，可以直接用props去读取父组件传输的数据

当子组件像父组件传数据时，父组件先像子组件传输一个函数，

子组件再调用函数去传值，

父组件再用这个函数接收到子组件传的数据，完成通信

 

这一阶段课程比较紧，以上只是很初始的见解，希望在接下来的学习中可以更好的理解和建立一套自己的知识体系。