1012-web前端零基础课【学习周报】

学了啥

reactJs的基本语法、命令、功能

它需要引用三个.js文件，

react.js，核心库文件；

react-dom.js，提供与dom操作相关的功能；

babel.js，把jsx转换为js语法；

ReactDOM.render()，把内容渲染到页面上

es6的class来定义组件类，

class Xxxx extends React.component{}...

state的状态，

- this.state，获取state的状态；

- this.setState()，修改state的状态；

当调用this.setState()的时候，自动触发render()方法，更新页面。

事件，通过事件来传递、修改一些值

父子组件传值，

主要是通过props、自定义属性。

_e.preventDefault()，阻止默认事件，

一般用在form表单之类 的东西。

在reactJs当中，添加class，使用className

路由：主要是应用于SPA单页应用，就是不切换页面、不跳转页面的情况下，根据不同的url，去更新同一个dom节点的不同的内容。

redux:它是ReactJs的状态管理

所有的状态，都保存在一个大对象里，store

store.getState()，从store当中获取状态，

Action，导致state发生变化的。

dispatch:它是view发出action的唯一方法,

.dispatch()，它是Store的方法

reducer:store.dispatch(action)，你view上dispatch的action，

最终到了reducer里面。

reducer是一个函数，接收二个参数，

当前的state，action

state发生变化，会自动的触发render()，

重新渲染页面，给出一个新的state，

这导致了view变化 ，这个过程，叫reducer。

Store，它有三个方法，

- getState()，用来获取初始状态；

- dispatch()，用来发出action；

- subscribe()，监听state的变化，自动更新页面。

观察者模式：react、vue，它们都使用了观察者模式，

它包含了主题对象，订阅者和发布者