摘要: 最近做了一个后台管理系统主体框架是基于React进行开发的,因此系统的路由管理,选用了react-router(4.3.1)插件进行路由页面的管理配置。 实现原理剖析 1、hash的方式 以 hash 形式(也可以使用 History API 来处理)为例,当 url 的 hash 发生变化时,触发 阅读全文
posted @ 2020-06-09 13:16 monkeySoft 阅读(2221) 评论(0) 推荐(0) 编辑
摘要: 全局的请求进度条,我们可以使用nprogress来实现,效果如下: 首先需要安装插件: npm i nprogress -S 然后使用的时候主要有两种方式,第一种是切换页面的时候,第二种则是请求接口的时候。 切换页面可以在入口文件添加如下代码: import NProgress from 'npro 阅读全文
posted @ 2020-06-05 10:05 monkeySoft 阅读(1652) 评论(0) 推荐(0) 编辑
摘要: 很多时候,我们习惯于这样操作数组和对象: data() { // data数据 return { arr: [1,2,3], obj:{ a: 1, b: 2 } }; }, // 数据更新 数组视图不更新 this.arr[0] = 'OBKoro1'; this.arr.length = 1; 阅读全文
posted @ 2020-06-03 14:56 monkeySoft 阅读(3166) 评论(0) 推荐(0) 编辑
摘要: 浅拷贝 浅拷贝是按位拷贝对象,它会创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值;如果属性是内存地址(引用类型),拷贝的就是内存地址 ,因此如果其中一个对象改变了这个地址,就会影响到另一个对象。 var a = [ 1, 3, 5, { x: 1 阅读全文
posted @ 2020-06-03 14:19 monkeySoft 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 公司项目要求需要兼容ie9,开发过程中遇到了许多问题,在这里记录一下,希望可以帮到其他需要的小伙伴。 浏览器兼容性问题无外乎三点,css样式兼容、JavaScript兼容及h5部分标签的兼容。主要介绍以下几种常见兼容问题: 1、 flex布局兼容问题 相信很多小伙伴在开发的时候,都喜欢用flex进行 阅读全文
posted @ 2020-06-03 14:09 monkeySoft 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 最近做项目遇到一个需求,需要显示广东省各个地级市的地图,并且鼠标移入高亮显示,鼠标点击可以选中某个地级市。在网上查阅了大量资料之后,最后选择了使用echarts实现该需求。在此记录一下,希望可以帮到有需求的小伙伴。本人初次使用,有不足之处希望大家可以指出,先看看效果图: 该需求主要有以下几个关键点: 阅读全文
posted @ 2020-05-29 10:36 monkeySoft 阅读(2585) 评论(0) 推荐(0) 编辑
摘要: // 匹配邮箱 let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$ // (新)匹配手机号 let reg = /^1[0-9]{10}$/ // (旧)匹配手机号 let reg = /^1(3|4|5|7|8)[ 阅读全文
posted @ 2020-05-29 10:16 monkeySoft 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所以在处理类似的情况时,可以考虑使用函数节流和函数去抖来解决,至于具体使用哪一种方式,根据实际情况分析定夺,先来讲解一些这两者的概念,以下是我个人的一些 阅读全文
posted @ 2020-05-29 10:01 monkeySoft 阅读(182) 评论(0) 推荐(0) 编辑