黑熊君

摘要： 作用：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上 默认情况下必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能使用编程式导航的写法，执行this.props.history.pu 阅读全文

摘要： 两种简单的方式根据类似3.7和7.8这种评分显示五星评价 封装成react组件，使用时直接引用即可 第一种思想：设置五个元素，根据评分给不同的样式；第二种思想：设置两个元素，父元素给没颜色的五角星，子元素给有颜色的五角星，根据评分设置子元素的宽度来遮挡父元素的背景图 方法一：根据不同的评分设置不同的 阅读全文

摘要： easy mock是一个可视化，并且能快速生成模拟数据的服务。官网：https://www.easy-mock.com 图解简单使用easy mock，一步步操作结束后，你就拥有了一个线上的数据 一：首先进入官网，点击开始吧 二：不用注册，输入账号和密码，如果账号不存在会提示是否根据此账号注册 四： 阅读全文

摘要： 如果在react组件中设置了定制器或者在dom上绑定了事件，卸载组件时未清除定时器或未清除事件都会导致内存泄漏 例如下面代码：<button onClick={ReactDOM.unmountComponentAtNode.bind(this,document.getElementById('roo 阅读全文

摘要： 一：什么时候要用constructor，需要定义state的时候必须要写，要调用super()，而且要传入props参数即super(props)。如果不定义state的话，有无constructor没区别。 二：什么时候要调用super，如果要在子类中使用父类的属性和方法，就要调用super(父类 阅读全文

摘要： Vue中利用swiper实现移动端轮播图效果 一：安装swiper模块 npm i swiper --save 二：组件vue中引入css文件和swiper模块 import Swiper from "swiper"; import "node_modules/swiper/dist/css/swi 阅读全文

摘要： 功能展示如图： 当进行商品加减或删除操作时，总价和总数会实时更新。 src文件的结构如下： 一：todolist目录：state.js文件用来存放数据，mutations.js文件用来存放方法，index.js用来暴露方法和数据。 state.js文件： mutations.js文件： todoli 阅读全文

摘要： 报错：Component you should use exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 翻译：组件应该只使用一个根元素 阅读全文

摘要： 使用vue实现类似电商的五星评价，如图： 下载两个图片：（on.png）和（off.png） 通过修改元素的class名来切换背景图 引用vue.js文件 html代码： 绑定鼠标进入、鼠标离开、鼠标点击事件。 :class=" { ' on ' : cur >= n } " 含义是当cur >= 阅读全文

摘要： 首先我要介绍两个方法 一、ES5中数组操作方法：filter() 过滤数组也是一个常用的操作，它用于遍历Array把某些元素过滤掉，然后把剩余的元素组成一个新数组返回（不改变原数组）。 例如：过滤奇数，保留偶数： 二、ES6中 includes( ) 方法：用来判断一个 数组/字符串 是否包含一个指 阅读全文