摘要: 事件订阅模式的本质: 就是一个公共的 js 对象,一个事件队列的数组。发布事件就是遍历事件队列,通过发布事件的参数,获得那个方法要执行。监听就是往事件队列里 push。 var Events = function () { var obj = {} var that = this // 监听 var 阅读全文
posted @ 2020-06-08 15:27 monkey-K 阅读(701) 评论(0) 推荐(0) 编辑
摘要: 首先我们提出几个问题: 1. 本地项目启动端口 localhost:8080 , 你想去连接后台开发人员的 ip 调接口, 后台ip+端口号+访问api,比如说是 http://10.220.146.82:8991/dispatch/orderList , 此时必然被引起跨域。就是你使用 local 阅读全文
posted @ 2020-06-05 16:11 monkey-K 阅读(2742) 评论(0) 推荐(0) 编辑
摘要: 1. 受控组价: 由react的SetState() 来控制表单组件渲染,state是组件渲染的【唯一数据源】 通过一个案例来体验受控组件: 1. select 选中不能使用 selected 使用 value。 2. onChange 事件必须绑定 3. 多个表单组件使用 name 属性来区分。  阅读全文
posted @ 2020-06-04 19:02 monkey-K 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1. 普通列表渲染 [1,2,3,4,5] function NumberList (props) { const numbers = props.numbers // key 必须有,否则产生警告。key 一般用id,提高渲染效率。万不得已使用 index const listItem = num 阅读全文
posted @ 2020-06-04 14:13 monkey-K 阅读(10857) 评论(0) 推荐(0) 编辑
摘要: 1. if 条件渲染 function UserGreeting (props) { return <h2>用户登录</h2> } function GuestGretting (props) { return <h2>游客登录</h2> } function Greeting (props) { 阅读全文
posted @ 2020-06-04 10:29 monkey-K 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 1. 事件绑定方式一: 全局方法返回react dom 方式绑定 function ActionLink() { function handleClick(e) { e.preventDefault(); console.log('The link was clicked.'); } // 使用 o 阅读全文
posted @ 2020-06-03 17:11 monkey-K 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 简述react的生命周期: react 的生命周期分为3个阶段:分别是挂载,运行中(渲染),和卸载 1. 挂载阶段 1.1 构造函数 constructor() 完成数据初始化,接受两个参数 props (传入的属性) 和 context(上下文对象),当在函数内部使用这两个参数必须使用 super 阅读全文
posted @ 2020-06-03 11:32 monkey-K 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 1. 组件中的 props 和 state : 1. props 是由父组件(父类)传入的, state 是完全受组件自己控制的 通过一个案例来熟悉 state , 两种不同的方式封装组件,一种使用 props 传递参数,一种使用 state 做到解耦的方式封装 案例一: props 传递参数方式: 阅读全文
posted @ 2020-06-02 18:43 monkey-K 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 1. 函数定义组件 // myComponent.js import React from 'react'; function MyCompoennt (props) { // props 为组件属性传入的参数 return <h1>{props.name} : 我的第一个函数定义的组件</h1> 阅读全文
posted @ 2020-06-02 15:54 monkey-K 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 1. react DOM 渲染: ReactDOM.render(reactDom, container) reactDom : DOM 片段 container: 放到哪个DOM容器中(父节点) const element = <h1>Hello, world</h1>; ReactDOM.ren 阅读全文
posted @ 2020-06-02 14:32 monkey-K 阅读(177) 评论(0) 推荐(0) 编辑