解决方案123456# 强制停止 ngxin 服务 会删除 logs下的pid文件./nginx -s stop# 手动重新配置文件./nginx -c /usr/local/nginx/conf/nginx.conf# 重启即可./nginx -s reload 注：设置完配置路径并重启后，后续服务重启工作不需要 stop 指令后 start ，后续重新配置完 confg 后 直接 reload 就行， 避免又重现上述问题!

一、网文示例部署在非根目录。比如/admin前缀打开的是前端项目。（注：打包后的静态资源也转到 /admin 前缀下，将vue项目配置 publicPath 值改为 /admin） 123456789101112server { listen 80; server_name ***.com; location /admin { alias /var/www/html; try_files $uri $uri/ /admin/index.html; } # 其他配置不影响的 location / { proxy_pass http://***; }} 二、本地测试vue or vuepress 打包时，基本打包路径需要改为 base:'/blog/' or publicPath:'/blog/' nginx静态文件目录部署路径 123456location /blog { #root htm ...

单行显示省略号12345678{ /* 在文本溢出包含元素时,显示省略符号来代表被隐藏的部分。 */ text-overflow: ellipsis; /* 超出的部分隐藏起来; */ overflow: hidden; /* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */ white-space: nowrap;} 多行显示省略号123456{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

123456789101112131415161718192021222324252627// 文件转 bufferexport async function readBuffer(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = loadEvent => resolve(loadEvent.target.result); reader.onerror = e => reject(e); reader.readAsArrayBuffer(file); });}// buffer 转 dataUrlexport async function readDataURL(buffer) { return new Promise((resolve, reject) => { const reader = new FileReader ...

使用$attrs 和 inheritAttrs提高组件封装的灵活性，快捷绑定多个属性！ $attrs 描述通过v-bind='$attrs'形式，来获取组件上绑定的所有属性! inheritAttrs 描述该属性用来设置组件上绑定的属性是否继承在父级根标签上，组件上绑定的属性默认会绑定在父及根标签上，该属性若设置为false则根级标签不会绑定所属组件传入的属性! 无添加 attrs 和 inheritAttrs 代码示例12<my-input type="text"></my-input><my-input type="password"></my-input> 123456<!-- input component --><template> <div class="my-input"> <el-input> </div></template> 不使用 $attrs 和 inherit ...

前端 File 上传、下载，Canvas 保存图片，Ajax 和 Fetch 二进制流传输，PDF 预览，浏览器上 WebAssembly 的应用 等等都需要用到 ArrayBuffer 和 Blob 。文件就具体介绍一下这些对象的相互转换。 API介绍 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。Blob 表示的不一定是 JavaScript 原生格式的数据。File 接口基于 Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 ArrayBuffer 对象代表储存二进制数据的一段内存，它不能直接读写，只能通过视图（TypedArray 视图和 DataView 视图)来读写，视图的作用是以指定格式解读二进制数据。 Uint8Array 对象是 ArrayBuffer 的一个数据类型（8 位 ...

先介绍下两种存储单位：位，字节位：”位(bit)”是电子计算机中最小的数据单位。每一位的状态只能是0或1。 字：”字”由若干个字节构成，字的位数叫做字长，不同档次的机器有不同的字长。例如一台8位机，它的1个字就等于1个字节，字长为8位。KB：是1024个字节 MB：是1024个KB GB：是1024个MB TB：是1024个GB 常用转换单位 位与字节转换 1 bit (比特或位) 等于0.125B (byte字节) 1 B (byte字节)等于 8 bit (比特或位) 兆字节与千字节 1KB （kilobyte千字节）等于0.0009765625 MB（兆字节） 1MB（兆字节）等于1024KB （kilobyte千字节） 兆字节与吉字节 1MB（兆字节）等于l 0.0009765625 GB（吉字节） 1GB（吉字节）等于1024MB（兆字节） 12345678910var size = '8164674';function bytesToSize(bytes) { if (bytes === 0) return '0 ...

查找代替 快捷键 描述 ctrl+shift+N 通过文件名快速查找工程内的文件（必记） ctrl+F 快速查找代码 ctrl+R 文件代码替换 ctrl+shift+R 指定目录内代码批量替换 ctrl+shift+F 指定目录内代码批量查找 界面操作 快捷键 描述 ctrl+shift+A 快速查找并使用编辑器所有功能（必记） alt+[0-9] 快速拆合功能界面模块 ctrl+alt+s 打开配置窗口 alt+←/→ 切换代码选项卡 ctrl+F4 关闭代码选项卡 代码编辑 快捷键 描述 ctrl+D 复制当行 ctrl+W 选中单词 ctrl+←/→ 以单词作为边界跳光标位置 ctrl+alt+L 格式化代码 alt+insert 新建一个文件或其他 shift+tab/tab 减少/扩大缩进（可以在代码中减少行缩进） ctrl+Y 删除一行 shift+enter 重新开始一行（无论光标在哪个位置） 导航 快捷键 描述 alt+up/do ...

Javascript note1234const arrayBufferToBase64Img = (buffer) => { const str = String.fromCharCode(...new Uint8Array(buffer)); return `data:image/jpeg;base64,${window.btoa(str)}`;} 得到一个ArrayBuffer —-> 转成类型化数组以正常读取 —> 转成普通字符串 —> 转成base64字符串

Javascript note字符串平铺对象属性转换成树状对象 问题描述12345678910111213141516171819202122{ 'A': 1, 'B.A': 2, 'B.B': 3, 'CC.D.E': 4, 'CC.D.F': 5};--------------转换成---------------------- { 'A': 1, 'B': { 'A': 2, 'B': 3 }, 'CC': { 'D': { 'E': 4, 'F': 5 } } }实现代码1234567891011121314151 ...