I
M
A
G
I
N
E
摘要: JSON.stringify && JSON.parse 这是最简单的js实现深拷贝方式了,原理是先将对象转换为字符串,再通过JSON.parse重新建立一个对象。 但这种方式存在一定的局限性: 不能复制Function、正则、Symbol 循环引用会报错 相同引用会被重复复制 根据以上三点我们来验 阅读全文
posted @ 2021-01-06 16:48 Imagine、 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 当你打开一个页面,页面显示空白或者部分空白,那么用户就会怀疑你的网页是不是有问题。我们需要让我们的用户知道数据在路上,当他们点击一个需要请求数据链接时,就会给出反馈,让用户知道页面的加载情况 一、NProgress(一个轻量级进度条组件) 1. 借用axios拦截器组合实现 2. 通过组件内的路由守 阅读全文
posted @ 2021-01-06 15:05 Imagine、 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 路由概念 路由的本质其实就是一种对应关系,比如说我们在浏览器地址栏输入URL地址后,浏览器就会请求对应的URL地址的资源;URL地址和真实的资源之间就会形成一种对应的关系,就是路由。 路由主要分为前端路由和后端路由。 后端路由又称为服务端路由,服务端中路由描述的是URL与处理函数之间的映射关系 前端 阅读全文
posted @ 2021-01-20 15:35 Imagine、 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 在B/S架构中,经常会遇到大数据渲染问题,毕竟javascript是单线程。 在使用table时,用户需要在上面做大量操作时,就需要考虑页面的渲染问题了。 导致卡顿原因: 数据量过多导致浏览器一次性渲染过多的DOM,导致DOM树占用内存溢出,使得用户操作阻塞。 具体原因查看文章:DOM性能瓶颈与Ja 阅读全文
posted @ 2021-01-07 14:30 Imagine、 阅读(242) 评论(0) 推荐(1) 编辑
摘要: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 斜体 加粗 斜体加粗 删除线 引用 嵌套引用 分割线 图片: 超链接: 百度 无序列表 无序列表 无序列表 有序列表1 有序列表2 有序列表3 列表1 1.嵌套列表1 2.嵌套列表2 3.嵌套列表3 列表2 嵌套1 嵌套2 姓名 年龄 职业 阅读全文
posted @ 2021-01-07 09:19 Imagine、 阅读(53) 评论(0) 推荐(0) 编辑
摘要: JSON.stringify && JSON.parse 这是最简单的js实现深拷贝方式了,原理是先将对象转换为字符串,再通过JSON.parse重新建立一个对象。 但这种方式存在一定的局限性: 不能复制Function、正则、Symbol 循环引用会报错 相同引用会被重复复制 根据以上三点我们来验 阅读全文
posted @ 2021-01-06 16:48 Imagine、 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 当你打开一个页面,页面显示空白或者部分空白,那么用户就会怀疑你的网页是不是有问题。我们需要让我们的用户知道数据在路上,当他们点击一个需要请求数据链接时,就会给出反馈,让用户知道页面的加载情况 一、NProgress(一个轻量级进度条组件) 1. 借用axios拦截器组合实现 2. 通过组件内的路由守 阅读全文
posted @ 2021-01-06 15:05 Imagine、 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 页面定制css代码: 1 #loading { 2 background: #151728; 3 overflow: hidden; 4 position: fixed; 5 right: 0; 6 top: 0; 7 bottom: 0; 8 left: 0; 9 z-index: 99999; 阅读全文
posted @ 2021-01-06 14:01 Imagine、 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9] 阅读全文
posted @ 2021-01-06 10:08 Imagine、 阅读(58) 评论(2) 推荐(0) 编辑