摘要:
方式 一: 通过params 1.路由表中 2.Link处 HTML方式 XXXX JS方式 this.props.history.push( '/sort/'+'2' ) 3.sort页面 通过 this.props.metch.params.id 就可以接受到传递过来的参数(id) 方式 二: 阅读全文
摘要:
纯函数的定义: 对于相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用,也不会依赖外部环境的状态。 例子: 不纯: 1. 依赖外部变量 var num = 2;function add(a){ return a+ num;}2. 修改传入引用类型 var arr = [1,2,3];fun 阅读全文
摘要:
react性能优化jsx->keyshouldComponentUpdate纯函数 immtable jscomponent组件的调用 直接组件名 回调函数render 返回jsx路由的分类BrowserRouterHashRouter常用api RouteSwitchLinkNavLinkthis 阅读全文
摘要:
props类型校验由于react在新版本中移除了类型校验,我们需要下载一个prop-types的包 propTypes.numberpropTypes.stringpropTypes.funcpropTypes.boolpropTypes.objectpropTypes.arraypropTypes 阅读全文
摘要:
生命周期 无状态组件没有生命周期钩子函数实例期constructor(){}存在期componentWillMount(){}组件将要加载componentDidMount(){}组件加载完成componentWillUpdate(){}组件将要更新componentDidUpdate(){}组件完 阅读全文
摘要:
组件 扩展(html元素) 封装( 可重用代码)类定义组件,函数定义组件(无状态组件)react 组件的名称,首字母一律大写,使用驼峰写法 引入组件React,{Component} class App extends ComponentReact class App extends React.C 阅读全文
摘要:
回流,重绘React用于构建用户界面的javascript库(组件化开发)React是一个采用声明式,高效而且灵活的用来构建用户界面的框架组件化开发react组件封装了html代码,取代了javascript template模板,通过扩展 引入的三个库react.min.js - React 的核 阅读全文
摘要:
<template>代码 <div class="rules"> <p class="drop-down" v-if="dropDown">松手刷新数据...</p> <div class="bscroll" ref="bscroll"> <div class="bscroll-container" 阅读全文
摘要:
1、单页面应用(SPA)的概念:1、single-page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转,而是利用Ja 阅读全文
摘要:
进入项目目录,安装swipernpm install vue-awesome-swiper --save引入资源 //vue滑块import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)3.编辑组件 <temp 阅读全文