本文主要是整理在Mac上使用代理过程中遇到的问题，涉及科学上网、电脑开代理、手机连电脑代理、手机配置hosts等一系列涉及开发、非开发的问题； 基础 首先要明确一个概念，代理服务器是什么？ 代理服务器可以理解为代替用户/电脑/软件获取网络资源的服务器；没有代理服务器时，电脑上的软件直接从网络上获取资源，设置了代理服务器，软件发出的请求，都会传给代理服务器，然后代理服务器去网络上获取资源，取到资源后…
使用ShadowDOM开发基于Vue的JSSDK
最近用shadowDOM开发了两个jssdk，样式和逻辑天然地完全隔离，非常好用； 但同时也带来了一些问题，这里一并整理下来。 一、概述 JSSDK js 编写的软件开发工具包（Software Development Kit），sdk 对应到前端可以是库或组件，为其他软件提供某些功能。 Shadow DOM 一种规范、接口、能力。（MDN说明请点击查看） 可以将一个隐藏的、独立的 DOM 附加到…
前端成果回顾
总结一下，这几年在工作中一些前端相关的产出，列举的都是些独立于项目外的平台和工具； 1、协议配置平台 背景 前端开发中，很多协议、免责声明、活动规则这种纯文本页面，开发比较浪费时间；特别是有的协议十几页，前端光复制文本，添加html标签和样式就要花费好多时间；后期维护的时候，如果协议整体变动较大，基本又要重新做一遍； 这种纯文本的文档，完全可以自动化，就试着搭建了这么一个平台； 描述 一个上传wo…
WordPress 全站启用 HTTPS – 新
之前整理过一篇《WordPress 全站启用 HTTPS》，那个是用腾讯提供的免费 https 证书，有效期只有一年，且Web服务器为 apache，现在迁移到 Oracle 的免费主机上，Web服务器换成了 nginx： 此次 https 证书用的是 Let’s Encrypt，有效期90天，到期免费续，可以设置自动续期； 操作步骤主要是参考 这篇文章，在 https 证书部分，有一…
前端问题汇总
本文主要整理前端兼容性和处理问题的一些解决方案，持续更新；（很早之前开发移动端页面碰到很多的兼容问题，也不知道从哪儿开始整理了）。 一、知识点备忘 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、测试源访问速度…
MacOS 操作指南
老mac电池鼓包，要去修理，就申请了新的mac，数据迁移、重装环境等又遇到了很多问题，有一些是之前遇到的，现在统一整理出来 1、安装 homebrew 官方源安装不了或很慢，开翻墙也不行，最终在知乎上找到了解决方案： 2、设置截屏目录 上面两句代码是设置截图目录到 Downloads/Screenshot 文件夹中； 截屏默认快捷键如下，在“系统偏好设置” – “键盘” –…
前端上传预览和下载文件
上传预览 这里是上传预览只是指选择本地图片进行预览 选择图片用的是 input[file=type]，预览有两种方案： 1、FileReader 调用 readAsDataURL 方法，将文件转为 base64，赋值给img标签； 2、URL.createObjectURL() 调用 createObjectURL 方法将文件转为对象url，同样赋值给img标签； 下载 1、FileSaver 直…