大佬桑-CSDN博客

一般用于解决浏览器切到其他页面后会暂停延时器的问题 document.addEventListener('visibilitychange', function () { // console.log(document.visibilityState); if (document.visibilityState == 'hidden') { console.log('页面离开时触发');

2022-04-27 11:22:54 571

** 生成报告webpack-bundle-analyzer****优点：**可直观地描述所使用的各种包的大小。首先附上webpack-bundle-analyzer插件地址：https://www.npmjs.com/package/webpack-bundle-analyzer使用步骤：npm install --save-dev webpack-bundle-analyzer查看package.js的"scripts"里是否有 “build-report”: “vue-cli-servic

2022-04-26 09:09:27 629 3

原创 sort 排序不准

sort排序不准问题是因为sort在做比较时会把数组中的元素转化为字符串去作比较，两个操作数都是字符串，则比较两个字符串第一个字母对应的ASCII码值，若拿 11 与 5 作比较，则5的ASCII码值大于1，即sort方法会认为11 < 5举个例子： var arr = [1,2,3,10,4,5,11,12,111]; var arrsort = arr.sort(); console.log(arrsort); // [1, 10, 11, 11, 111, 12, 2

2022-04-26 00:04:54 1678

原创 switch default多次触发

switch default多次触发default的触发次数与case匹配不到的次数是相关联的，当case有多少次未匹配，default就会触发多少次，所以再使用switch语法时，要注意这一特性，注意break的搭配

2022-04-24 23:13:42 537

原创如何将object对象强制转换为字符串

1.若 obj= 1,2,3,4...; `${obj}`2.若 obj= {name:xiaoming}; JSON.stringify(obj);

2022-04-11 01:32:06 491

原创精确判断数据类型的方法

精确判断数据类型的方法函数 var type = function(data) { let toString = Object.prototype.toString; let dataType = toString.call(data) .replace(/\[object\s(.+)\],"$1"/) .toLowerCase(); return dataType.split(' ')[1].split(']')[0]; } console.log(type('

2022-04-08 00:46:45 273

原创 react 函数式组件 setInterval清除不掉 clearInterval失效

追查过程针对函数式组件：在组件内声明 { timer = null； timer = setInterval(()=>{},seconds); }的情景; 1.可以在 clearInterval(timer) 先console一下timer的值，看看是什么 2.一般清除不掉setInterval的情况是因为每次在清除之前重新走了一遍改组件的js代码，使timer又成了初始值null，再去clearInterval(timer);肯定不会成功了。解决办法：再组件外声明 tim

2022-03-31 08:41:07 3698 1

原创 css 溢出隐藏显示三个点

几行代码实现溢出隐藏显示 … display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;注意：有时你会发现溢出隐藏没有生效，浏览器打开打开样式编辑查看区，你会发现-webkit-box-orient: vertical;样式字段没有生效；因为在vue,react中使用样式无效，因为autoprefixer打包会自动生成前缀；全部复制下面代码即可。/* autopref

2022-03-23 22:18:53 1058

原创 vue Moment处理时间

Momentnpm install momentvar moment = require('moment');moment().format();使用本地时间var moment = require('moment');require("moment/min/locales.min");moment.locale('cs');console.log(moment.locale()); // cs

2022-03-03 18:37:51 513

原创 getBoundingClientRect 获取某个元素相对于视窗的距离

getBoundingClientRect() 获取某个元素相对于视窗的距离 Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和。如果box-sizing: border-box，元素的的尺寸等于 width/height。返回的结果是包含完整元素的最小矩形，并且拥有left, top, right, bottom,

2022-03-03 18:15:24 225

原创 vue click点击事件不生效

click点击事件不生效Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符;即：@click.native="xxx()"...

2022-03-03 18:03:14 1929

原创动态创建style标签样式实现动态隐藏导航栏隐藏导航栏 -webkit-scrollbar

根据条件动态隐藏导航栏1.先做好自己的判定条件2.在条件内放入下面代码块即可，超级好用 const stylee=document.createElement('style'); const sHtml = '::-webkit-scrollbar {display: none;}'; stylee.innerHTML = sHtml; document.getElementsByTagName('head').item(0).appendChild(stylee);...

2022-02-23 21:30:24 349

原创什么是token token用在哪 token放在哪比较好

1. token 其实就是访问资源的凭证，一般是用户通过用户名和密码登录成功之后，服务器将登录凭证做数字签名，加密之后得到的字符串作为token2. token用在用户登录城后之后会返回给客户端，3. token主要存储有: 3.1 存储在localStorage、sessionStorage中，每次调用接口的时候发送给服务端（每次调用接口放在HTTP请求头的Authorization字段里）优点：可以跨域缺点：没有任何安全防御，很容易受到xss攻击（简单理解在输入框输入js

2022-01-03 23:13:45 10919

原创浏览器为什么要阻止跨域请求如何解决跨域每次跨域都需要到达服务端吗

1. 浏览器阻止跨域的原因是“同源策略”，“同源策略”主要解决浏览器安全问题。 1.1 同源策略：协议、域名、端口号必须相同，有一者不同都会造成非同源 1.1.1 非同源的影响 1. 无法获取cookie、localStorage、sessionStorag、indexedDB 2. 无法访问网页中的dom 3. 无法发送网络中的请求2. 解决跨域 1. jsonp跨域 2. postMessage跨域 3. 跨域资源共享（CORS） 4. nginx反向代理

2022-01-03 22:22:17 883

原创 cookie localStorage sessionStorage 数据传参方式

1. 存储大小 1.1cookie的数据大小不能超过4k. 1.2sessionStorage、localStorage 大小一般限制在5M左右（可以更大） 2. 有效时间 2.1 cookie可以设置过期时间，在设置过期时间未到之前，即使浏览器关闭也一直有效，如果不设置有效期，则在浏览器关闭时过期（cookie中的数据销毁） 2.2 localstorage 永久式存储数据，除非主动删除本地数据 2.3 sessionStorage 数据在当前浏览器窗口关闭后自动删除 3. 数据与服务器

2022-01-03 19:34:47 473

原创 git git版本回退回滚解决方案

git版本回退回滚解决方案1. git log --pretty=oneline // 查找版本由最近到最远的提交日志主要是查找版本id2. git reset --hard id // 根据id回退到指定的版本3. git push origin HEAD --force // 推送到本地到远程仓库。4. git reflog // 查看命令操作的记录当版本号回退错了，可以通过此命令查找一下对应版本id 重复2.操作即可...

2021-12-28 16:04:17 869

转载 The media could not be loaded, either because the server or network failed or because the format is

The media could not be loaded, either because the server or network failed or because the format is not supported 问题反复排查，视频资源没问题，调用方式也没问题。而且出问题的用户所占比例非常小，所在地区、宽带线路也无规律，而且均反映土豆、优酷等站的视频能正常播放。远程方式查看用户浏览器控制台，网络选项中提示视频资源404，由于视频托管在阿里云oss服务器中，提交工单，阿里工程师也没说出所以

2021-12-24 11:06:21 128250 1

空空如也

您的一篇基于Ant-design-vue 实现大文件分片上传的文章，里面有部分代码没有，可以提供一下完整的代码吗？