const { navigator, screen } = window // 获取设备信息 const { userAgent } = navigator let osType = 'unknow' if (/Android/i.test(userAgent)) { osType = 'andro Read More
以下代码支持切换路由时cancel掉之前正在 pending的接口~ import axios from 'axios' import qs from 'qs' import { message } from 'antd' import { getToken, removeUserData } fr Read More
应用场景：表格的高度随浏览器窗口的大小改变（在有查询条件，且有其他各种其他元素的情况下）； 最初我想的是用 offsetTop + scrollTop 来计算，但实际运用场景中，却发现 offsetTop 并不是我想象中的距离浏览器顶端的高度，而是距离最近的父元素的高度（以实际看到的场景说话，跟官方 Read More
1.首屏加载时间长，加载网络资源比较多,对系统的体验性会差一点； 2.而且用webpack打包的vuejs包会比较大； 主要包括：①、上线代码包优化；②、源码编写优化；③、用户体验优化； I.代码包优化； ①.屏蔽sourceMap 待下项目开发完成。进行打包源码上线环节，需要对项目开发环节的开发提 Read More
function formatDateT(dateTime){ // 中国标准时间（2019-08-20 17:43）转换成格林尼治时间 var timestamp = dateTime; var newDate = new Date(dateTime + 8 * 3600 * 1000); return newDate.toISOString(); ... Read More
const curArr = [0,1,2,3,4,5,6,7,8,9]; // 1.先产生一个从 0 到数组长度的随机整数; // 2.遍历数组,从数组中的第一个数据开始,每个都跟数组中的第随机个数据交换位置; // 3.全部交换完成后即实现了数组的随机排序; function randomArr Read More
function getUrlParams(url){ let searchParam = url.split("?")[1]; let searchItemParams = searchParam.split("&"); let arr = {}; let json = {}; if(searchItemParams.lengt... Read More
面试经常有问到 webpack，偶遇一篇比较有实用价值的且有利于理解的文章，现总结如下： 本篇文章中要实现的这个迷你打包工具，它主要能实现如下两个功能： ①、将 ES6 转换成 ES5； ②、支持在 JS 文件中 import css 文件； 下面我们跟随这个工具的具体实现，来理解打包工具的原理，c Read More
缓存策略： 通常浏览器缓存策略分为两种：强缓存和协商缓存，并且缓存策略都是通过设置 HTTP Header 来实现的； 强缓存： 强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control；强缓存表示在缓存期间不需要请求。state code为200； Ex Read More