react-router三种传参方式

react-router传递参数的方式有三种,除了比较常用的query还有state和params方法,下面就来详细介绍…react-router三种传参方式本文主要介绍跳转路由时候怎么传值,下面主要讲述了三种传值方式,分别是params、query、state,本文主要以umi里面的router为例进行讲述。q...
2018-10-31 read more

Event loop详解

JavaScript是单线程JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。所以,这个新标准并没有改变JavaScript单...
2018-10-01 read more

webpack.json的script介绍

Node的开发离不开npm,而脚本功能是npm最强大最常用的功能之一。本文将介绍npm脚本的使用…npm脚本介绍npm 允许在package.json文件里面,使用scripts字段定义脚本命令{ scripts: { "build":"node build.js" }}上面代码是pac...
2018-09-20 read more

Visual Studio Code编辑器配置

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓...
2018-09-13 read more

Eslint使用配置

ESlint是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。…安装和使用ESlint1、环境要求Node.js版本>=4.x,npm版本>22、安装和配置//全局安装eslintnpm install -g eslint//本地安...
2018-09-10 read more

fetch简单介绍

Fetch API提供了一个JavaScript接口,用于访问和操纵HTTP管道的部分,例如请求和响应。它还提供了一个全局 fetch()方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。…fetch简介Fetch API提供了一个JavaScript接口,用于访问和操纵HTTP管道的部分,例如请求和响...
2018-09-06 read more

React高阶组件HOC

高阶组件简介高阶组件就是一个函数,接受一个组件作为参数,并返回一个新的组件,高阶组件的作用就是修改一个组件并生成另一个新组件,本质上高阶组件是一个纯函数。高阶组件有如下作用: 属性代理:操作props 反向继承 高阶组件(HOC)的使用 函数式写法import React from '...
2018-08-29 read more

webpack项目搭建

随着webpack的普及,搭建webpack项目已经成为web前端的基本生存能力,那么如果搭建webpack项目呢?有哪些功能需要搭建?下面我就来详细介绍下…搭建webpack项目1、创建项目,并进行初始化1)创建项目文件夹,并npm初始化npm init根据提示一路回车,最终会在项目文件夹下生成一个packag...
2018-08-26 read more

Webpack编写插件

Webpack是一个js打包工具,使用webpack可以对代码进行压缩、预加载、按需打包、按需加载等…WebPack插件的作用Webpack插件是在plugin里面添加的,主要作用是扩展webpack的功能,在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。写一个WebPack插件并使...
2018-08-26 read more