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,它们都使用了观察者模式,

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

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-10-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励