weixin_43152108的博客

5.01 SPA的理解 1.单页面Web应用(single page web application ,SPA) 2.整个应用只有一个完整的页面. 3.点击页面中的连接不会刷新页面,只会做页面的局部更新. 4.数据都需要通过ajax请求获取,并在前端异步展现 5.01.2路由的理解. 1.什么是路由? 1)一个路由就是一个映射关系(key:value) 2)key为路径,value可能是function或者component 2路由分类 1.后端路由: 1)理解:value是function,用来处理客户

1,setState setState更新状态的2种写法 1,setState(stateChange,[callback])----对象的setState 1.stateChange为状态改变对象(该对象可以提现出状态的更改) 2.callback是可选的回调函数,他在状态更新完毕,界面也更新后(render调用后)才被调用 2.setState(updater,[callback])----函数式的setState 1,updater为返回stateChange对象的函数 2.upd

7.1.1redux是什么 1.redux 是一个专门用于做状态管理的js库,(不是react插件库) 2.他可以在react. angular,vue 等项目中,但基本与react配合使用(vue一般使用vuex管理状态) 3.作用:集中式管理react应用多个组件共享状态 7.1.2什么情况下用redux 1.某个组件的状态,需要让其他组件可以随时拿到(共享) 2.一个组件需要改变另一个组件的状态(通信) 3.总体原则:能不用就不用,如果不用比较吃力才考虑用 redux工作流程 7.

3.1功能界面的组件化编码流程(组件拆分思想) 拆分组件:拆分界面,抽取组件 实现静态组件,使用组件实现静态页面效果 时间动态组件 3.1 动态显示初始化数据 3.11数据类型 3.12数据名称 3.13保存在那个组件? 3.2交互(从绑定事件监听开始) 3.2组件的组合使用-TodoList 功能:组件化实现此功能 1.显示所有todo列表 2.输入文本,点击按钮显示到列表的首位,并清除输入的文本 todolist案例相关知识点 1.拆分组件,实现静态组件,注意className,style写法 2.

4.1.1 前置说明 1.react本身只关注于界面,并不包含发送ajax请求的代码. 2.前端应用需要通过ajax请求与后台进行交互(json数据) 3.react应用中需要集成第三方ajax库(或者自己封装) 4.1.2 常用的ajax请求库 1,jQuery 比较重,如果需要另外引入不建议使用 2.axios:轻量级 建议使用 1)封装XmlHttpRequest对象的ajax 2)promise风格 3)可以用在浏览器端和node服务器端 4.2 axios 使用 axios.get(

1,关于虚拟DOM: 1,本质是Object类型的对象(一般对象). 2,虚拟DOM比较"轻",真实DOM比较"重",因为虚拟DOM是React内不再使用,无需真实DOM上那么多的属性. 3,虚拟DOM最终会被React转化为真实DOM,呈现在页面上. 2.渲染虚拟DOM到页面上 注意jsx语法 1.定义虚拟DOM时,不要写字符串 2.标签中混入js表达式要用{}. 3.样式的类名指定不用class要用className, 4.内联样式要用style={{key:value}}, 5.只有一个根标签. 6