方法一：用flex来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> &...
JS禁止高频率连续点击的方法
JS禁止高频率连续点击的方法 方法一： <button id="btn">点击请求接口</button> document.querySelector('#btn').addEventListener('click',() => { document.querySelector('#btn').style....
vue中watch的使用示例
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是...
vue兄弟组件之间传递值汇总
vue中父传子和子传父大家肯定都滚瓜烂熟，就不说了，主要总结一下非父子之间的传递： 1：通过公共的bus 创建一个公共的bus，然后导出一个bus bus.js import Vue from 'vue'; export const bus = new V...
react常见问题及错误汇总
问题：react cannot read property props of undefined 解决：首先检查一下这个方法绑定this了没，this.fun= this.fun.bind(this);
React中Context使用
React中Context使用 import React, { Component } from 'react'; let contextBox = React.createContext(); let Child = () =>{ return ( <div> <Son /> ...
React中的this.props.children【转】
React中的this.props.children React this.props.children this.props对象的属性与组件的属性一一对应，但是有一个例外，就是this.props.children属性。它表示组件的所有子节点。 var NotesList = Reac...
react中combineReducers的使用方法， 类似于vuex中的modules
react中combineReducers 类似于vuex中的modules import { combineReducers } from 'redux'; import counter from './counter'; import user from './user'; const rootReducer = combineReducers({...
react-redux中mapDispatchToProps的几种方式
react-redux中使用mapDispatchToProps的几种方式 1：第一种形式 const mapDispatchToProps = (dispatch) => { return { jia:() => { dispatch(increment()) }, jia...
react组件销毁中清理异步操作和取消请求
react一直报这个错误：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchro...