之前整理过一篇《WordPress 全站启用 HTTPS》，那个是用腾讯提供的免费 https 证书，有效期只有一年，且Web服务器为 apache，现在迁移到 Oracle 的免费主机上，Web服务器换成了 nginx： 此次 https 证书用的是 Let’s Encrypt，有效期90天，到期免费续，可以设置自动续期； 操作步骤主要是参考 这篇文章，在 https 证书部分，有一…
作者： sun2dan
前端问题汇总
本文主要整理前端兼容性和处理问题的一些解决方案，持续更新；（很早之前开发移动端页面碰到很多的兼容问题，也不知道从哪儿开始整理了）。 一、知识点备忘 3、程序中的空格（2022-01-10） 程序中的空格有三种 半角空格：Unicode 编码为 32，十六进制写法为 \u0020； 全角空格：Unicode 编码为 12288，十六进制写法为 \u3000； 不间断空格：Unicode 编码为 16…
解决 vue-pdf 打包后跨域报错
vue 搭建的项目中，很多部署方式是将HTMl页面放到一个服务器上，js、css这些静态资源放到另一个服务器上，这种部署方式可能会带来一些问题，标题中描述的 vue-pdf 报错就属于这种情况； 背景 vue-pdf 是一个 pdf 展示库，默认白色背景，比浏览器下默认黑底的效果要好；而且提供了一些 API，能很方便的操作PDF文档；基本原理是将 PDF 绘制到 Canvas 中； 报错 打包后，…
错误汇总
日常错误汇总 1、npm install 报错 报错信息如下图，关键的一行我用红框圈出来了，“No Xcode or CLT version detected ！” 这个是 command-line tools 的问题，但我电脑已经装了，最终找到的解决方案是先卸载，再重新安装； 1、删除命令行工具对应这个文件夹，/Library/Developer/CommandLineTools；操作方法来自 …
知识点备忘
查缺补漏，小知识点整理 一、NodeJS 1、NVM 用法 NVM：NodeJS 版本管理工具 1.1、查看安装的 Node 版本列表 1.2、安装某一版本的 Node 1.3、使用某一版本，版本号部分和上面的规则一致； 1.4、指定默认版本，版本号部分和上面的规则一致； 2、NRM 用法 NRM：NodeJS 源管理工具 2.1、查看源列表 2.2、添加源 2.3、删除源 2.4、测试源访问速度…
使用ShadowDOM开发基于Vue的JSSDK
最近用shadowDOM开发了两个jssdk，样式和逻辑天然地完全隔离，非常好用； 但同时也带来了一些问题，这里一并整理下来。 一、概述 JSSDK js 编写的软件开发工具包（Software Development Kit），sdk 对应到前端可以是库或组件，为其他软件提供某些功能。 Shadow DOM 一种规范、接口、能力。（MDN说明请点击查看） 可以将一个隐藏的、独立的 DOM 附加到…
MacOS 操作指南
老mac电池鼓包，要去修理，就申请了新的mac，数据迁移、重装环境等又遇到了很多问题，有一些是之前遇到的，现在统一整理出来 1、安装 homebrew 官方源安装不了或很慢，开翻墙也不行，最终在知乎上找到了解决方案： 2、设置截屏目录 上面两句代码是设置截图目录到 Downloads/Screenshot 文件夹中； 截屏默认快捷键如下，在“系统偏好设置” – “键盘” –…
前端上传预览和下载文件
上传预览 这里是上传预览只是指选择本地图片进行预览 选择图片用的是 input[file=type]，预览有两种方案： 1、FileReader 调用 readAsDataURL 方法，将文件转为 base64，赋值给img标签； 2、URL.createObjectURL() 调用 createObjectURL 方法将文件转为对象url，同样赋值给img标签； 下载 1、FileSaver 直…
前后端对跨域请求的处理
ajax跨域请求及Content-Type相关内容 文中出现的源码在这里 I、简单请求 简单请求：使用 GET/POST/HEAD 的请求方式，且没有人为设置 CORS 安全首部字段集合之外的其他首部字段，且 Content-Type 首部为这三个值：text/plain， multipart/form-data， application/x-www-form-urlencoded，这种请求就是简…
正则表达式
最近看到一个正则入门的网站：https://regexlearn.com/zh-cn/learn，以做题的形式学习正则，一页一个知识点； 看完发现有几个不熟悉或老是忘的，整理下来； 测试时可用在线的一些网页，比较好找，我一般都用这个：https://c.runoob.com/front-end/854/ 基本语法 1、否定字符集：[^abc] 2、引用捕获组：从1开始，\1 表示引用第一个捕获组，…