monkey-K

2020年6月8日

摘要： var eventCenter = { sub: function(name, callback) { this.argus = this.argus || {};//已经有事件用已经有的this.argus this.argus[name] = this.argus[name] || []; th 阅读全文

posted @ 2020-06-08 15:37 monkey-K 阅读(251) 评论(0) 推荐(0)

js - 事件订阅模式

摘要：事件订阅模式的本质：就是一个公共的 js 对象，一个事件队列的数组。发布事件就是遍历事件队列，通过发布事件的参数，获得那个方法要执行。监听就是往事件队列里 push。 var Events = function () { var obj = {} var that = this // 监听 var 阅读全文

posted @ 2020-06-08 15:27 monkey-K 阅读(722) 评论(0) 推荐(0)

2020年6月5日

Vue + axios 访问后台 ip 调用服务的问题

摘要：首先我们提出几个问题： 1. 本地项目启动端口 localhost:8080 , 你想去连接后台开发人员的 ip 调接口，后台ip+端口号+访问api，比如说是 http://10.220.146.82:8991/dispatch/orderList ，此时必然被引起跨域。就是你使用 local 阅读全文

posted @ 2020-06-05 16:11 monkey-K 阅读(2837) 评论(0) 推荐(0)

2020年6月4日

9. react - 表单

摘要： 1. 受控组价：由react的SetState() 来控制表单组件渲染，state是组件渲染的【唯一数据源】通过一个案例来体验受控组件： 1. select 选中不能使用 selected 使用 value。 2. onChange 事件必须绑定 3. 多个表单组件使用 name 属性来区分。阅读全文

posted @ 2020-06-04 19:02 monkey-K 阅读(178) 评论(0) 推荐(0)

8. react - 列表渲染（for 循环）

摘要： 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 阅读(12494) 评论(0) 推荐(0)

7. react 中的条件渲染

摘要： 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 阅读(177) 评论(0) 推荐(0)

2020年6月3日

6. react - 事件绑定

摘要： 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 阅读(257) 评论(0) 推荐(0)

5. react - 生命周期

摘要：简述react的生命周期： react 的生命周期分为3个阶段：分别是挂载，运行中（渲染），和卸载 1. 挂载阶段 1.1 构造函数 constructor() 完成数据初始化，接受两个参数 props （传入的属性）和 context（上下文对象），当在函数内部使用这两个参数必须使用 super 阅读全文

posted @ 2020-06-03 11:32 monkey-K 阅读(223) 评论(0) 推荐(0)

2020年6月2日

4. react 组件中的 state

摘要： 1. 组件中的 props 和 state : 1. props 是由父组件（父类）传入的， state 是完全受组件自己控制的通过一个案例来熟悉 state ，两种不同的方式封装组件，一种使用 props 传递参数，一种使用 state 做到解耦的方式封装案例一： props 传递参数方式：阅读全文

posted @ 2020-06-02 18:43 monkey-K 阅读(277) 评论(0) 推荐(0)

3. React - 组件和 props

摘要： 1. 函数定义组件 // myComponent.js import React from 'react'; function MyCompoennt (props) { // props 为组件属性传入的参数 return <h1>{props.name} : 我的第一个函数定义的组件</h1> 阅读全文

posted @ 2020-06-02 15:54 monkey-K 阅读(232) 评论(0) 推荐(0)

公告