生成UUID1234567function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1);}export const getUUID = () => { return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());} ArrayBuffer to Base 6412345678910111213141516export const arraybufferToBase64 = ( buffer ) => { if ( !buffer ) return // Uint8Array 表示8位无符号整数数组 // String.fromCharCode这个函数，它接受的参数为一堆代码单元序列，输出一个普通字符串 const str = String.fr ...

linux目录主要功能 目录操作创建目录 mkdir 目录名12mkdir aaa #在当前目录下创建一个名为aaa的目录mkdir /usr/aaa #在指定目录下创建一个名为aaa的目录 删除目录或文件rm [-rf] 目录名 删除文件12rm 文件 删除当前目录下的文件rm -f 文件 删除当前目录的的文件（不询问） 删除目录12rm -r aaa 递归删除当前目录下的aaa目录rm -rf aaa 递归删除当前目录下的aaa目录（不询问） 全部删除12rm -rf * 将当前目录下的所有目录和文件全部删除rm -rf /* 【自杀命令！慎用！慎用！慎用！】将根目录下的所有文件全部删除 注意：rm不仅可以删除目录，也可以删除其他文件或压缩包，无论删除任何目录或文件，都直接使用 rm -rf 目录/文件/压缩包 目录修改mv 和 cp 重命名目录mv 当前目录 新目录1mv aaa bbb #将目录aaa改为bbb注意：mv的语法不仅可以对目录进行重命名而且也可以对各种文件，压缩包等进行重 ...

通过使用npkill插件包快速删除 node_modules 本地依赖! 全局安装 npkill1cnpm install npkill -g 使用 npkill1cd #dir has node_modules folder! 这里进入到 node_modules所在的目录文件夹当中，并执行 npkill命令!

一、 第一种配置方式 侧边栏分组123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193[ { ...

123let arr = [1, 2, 3, 4, 2, 3];Array.from(new Set(arr));Array.from(new Set(arr)).length < arr.length; 或123new Set(arr).size < arr.length// 或者 对 arr 进行处理后 返回一个新的数组 然后 在进行 去重，并和 原数组的长度 做对比，若一样则无重复项，则反之有重复项!new Set(arr.map(item => Object.values(item).join(''))).size < arr.length

一、首次白屏描述vue 单页面应用，第一次所有资源加载耗时至浏览器出现一段时间白屏问题! 二、用户体验指标 三、优化方案1. 预渲染预渲染就是webpack打包的时候渲染，通过无头浏览器! 2. ssr服务端渲染 3. 路由懒加载通过 plugin-synlax-dynamic-import 插件 加载优化 4. 使用Gzip压缩，减少文件的体积5. webpack entry将单页改为多页应用 6. 骨架屏 [类似于内容完成渲染前的一个loading效果]7. loading 与骨架屏一样，完成内容渲染前的一个加载效果!

CSS 选择器及其优先级!important 声明的样式的优先级最高；如果优先级相同，则最后出现的样式生效；继承得到的样式的优先级最低；通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，它们的权值都为 0 ；样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。 选择器 格式 优先级权重 !important 10000 内联样式 1000 id 选择器 #id 100 类选择器 .classname 10 属性选择器 a[ref=“eee”] 10 伪类选择器 li:last-child 10 标签选择器 div 1 伪元素选择器 li::after 1 相邻兄弟选择器 h1+p 0 子选择器 ul>li 0 后代选择器 li a 0 通配符选择器 * 0

CSS 隐藏元素的方法display: none: 渲染树不会渲染对象 visibility: hidden: 元素在页面中仍占据空间，但是不会响应绑定的监听事件。 opacity: 0: 元素在页面中仍然占据空间，并且能够响应元素绑定的监听事件。 position: absolute: 通过使用绝对定位将元素移除可视区域内，以此来实现元素的隐藏。 z-index: 负值:来使其他元素遮盖住该元素，以此来实现隐藏。 clip/clip-path: 元素仍在页面中占据位置，但是不会响应绑定的监听事件。 transform: scale(0,0): 将元素缩放为 0，元素仍在页面中占据位置，但是不会响应绑定的监听事件。

display 内置属性 以及 作用 属性 作用 none 元素不显示，并且会从文档流中移除。 block 块类型。默认宽度为父元素宽度，可设置宽高，换行显示。 inline 行内元素类型。默认宽度为内容宽度，不可设置宽高，同行显示。 inline-block 默认宽度为内容宽度，可以设置宽高，同行显示。 list-item 像块类型元素一样显示，并添加样式列表标记。 table 此元素会作为块级表格来显示。 inherit 规定应该从父元素继承 display 属性的值。 display 的 block、inline 和 inline-block 的区别block： 会独占一行，可以设置 width、height、margin 和 padding 属性； inline： 元素不会独占一行，设置 width、height 属性无效。但可以设置水平方向的 margin 和 padding 属性，不能设置垂直方向的 padding 和 margin； inline-block： 将对象设置为 inline 对象，但对象的内容作为 ...