随笔分类 -  React

React随记
'Component' is defined but never used
摘要：控制台报错'Component' is defined but never used，是因为eslint的原因，你定义了该组件但是没有使用过。 以下demo组件名用Form做演示 解决方案一 命令行报错如下: 翻译:已定义“Form”，但未使用已定义变量 解决方式如下: 解决方案二 命令行末尾提示如 阅读全文
posted @ 2020-08-25 09:58 monkeySoft 阅读(1915) 评论(0) 推荐(0)
【项目实战】sass使用基础篇（上）
摘要：Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理语言有Scss(Sass) 和Less、Po 阅读全文
posted @ 2020-08-06 11:36 monkeySoft 阅读(280) 评论(0) 推荐(0)
react的setState到底是同步还是异步？
摘要：在介绍这个问题之前，我们先来看一下一个例子： state = { number:1 }; componentDidMount(){ this.setState({number:3}) console.log(this.state.number) } 看完这个例子，也许很多小伙伴会下意识的以为setS 阅读全文
posted @ 2020-07-11 14:49 monkeySoft 阅读(1496) 评论(0) 推荐(0)
前端性能优化整理总结
摘要：gzip压缩 gzip压缩效率很高，可以达到70%的压缩率 //npm i -D compression-webpack-plugin 安装插件依赖 configureWebpack: config => { const CompressionPlugin = require('compressio 阅读全文
posted @ 2020-07-10 22:12 monkeySoft 阅读(357) 评论(0) 推荐(0)
项目中对axios进行二次封装
摘要：项目中对axios进行二次封装 随着前端技术的发展，网络请求这一块，越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用，因此我们使用时，需要根据项目实际的情况来对axios进行二次封装。 接下来就我对axios的二次封装详细的说说，主要包括请求之前、返 阅读全文
posted @ 2020-06-15 15:32 monkeySoft 阅读(1179) 评论(0) 推荐(0)
React、Vue添加全局的请求进度条（nprogress）
摘要：全局的请求进度条，我们可以使用nprogress来实现，效果如下： 首先需要安装插件： npm i nprogress -S 然后使用的时候主要有两种方式，第一种是切换页面的时候，第二种则是请求接口的时候。 切换页面可以在入口文件添加如下代码： import NProgress from 'npro 阅读全文
posted @ 2020-06-05 10:05 monkeySoft 阅读(1753) 评论(0) 推荐(0)
react使用Echarts绘制高亮可点击选中的省市地图
摘要：最近做项目遇到一个需求，需要显示广东省各个地级市的地图，并且鼠标移入高亮显示，鼠标点击可以选中某个地级市。在网上查阅了大量资料之后，最后选择了使用echarts实现该需求。在此记录一下，希望可以帮到有需求的小伙伴。本人初次使用，有不足之处希望大家可以指出，先看看效果图： 该需求主要有以下几个关键点： 阅读全文
posted @ 2020-05-29 10:36 monkeySoft 阅读(3107) 评论(0) 推荐(0)