一个关于前端、产品、设计、绘画的情侣博客
已下方法在 Win10 下测试正常，添加在正常要使用的 .bat .cmd 文件头部可正常执行一些需要管理员权限的 shell 脚本。 :::::::::::::::::::::::::::::::::::::::::::: :: Elevate.cmd - Version 4 :: Automatically check & get admin rights :::::::::::::::::::::::::::::::::::::::::::: @echo off CLS ECHO. ECHO ============================= ECHO Running Admin shell ECHO ============================= :init setlocal DisableDelayedExpansion set...
一、序言 内网穿透，简单说就是可以让互联网访问内网本地服务，比如在进行微信公众号开发时就需要能够暴露本地服务给微信官方服务器鉴权，又或者需要将本地正在开发的页面给外部需求方访问。 内网穿透的工具，例如： ngrok 使用 Go 开发，官方免费的版本太旧，自己搭建很多功能不能用，比如自定义域名；用第三方提供的服务不稳定 localtunnel 使用 Node.js 开发，使用上对于前端开发人员来说更方便，但是毕竟是用的国外服务器，亲测域名不可用 这里推荐一款开源，功能强大，全平台支持的工具 – frp。 当然，我们需要有以下装备： 一个可用域名 一台可访问互联网的服务器 接下来就可以搭建一个自定义域名来实现内网穿透。 二、架构设计 简单来说，公网机器跑 frps 监听并转发请求给本地机器上的 frpc，frpc 接口后将内容返回给 frps。 三、域名配置 如果我们需要通过类似...
一、前言 之前 Github Pages 搭建的站点如果想要开启 https 有两种方法。一种是常规方法，即自己有服务器来设置证书；另一种则是直接使用 Cloudflare 提供的免费域名 SSL。 不过 2018 年 5 月 1 日 Github Pages 已经正式支持自定义域名强行开启 https，不过从证书信息看，也是 Cloudflare 这家的。 二、配置域名 域名使用 CNAME 指向自己的 Github Pages 项目主域，例如 millylee.github.io，这里不推荐使用 A 记录，以免 IP 变动还得进行修改。配置完域名后可以在命令行下使用 dig <domain> 命令查看下是否生效。例如这里我使用 dig milly.me 显示如下信息，则说明域名配置正确。 三、项目配置 进入仓库中的「Settings」-「GitHub Pages」...
一、前言 MAMP 是一款运行在 macOS 的 PHP 集成包，类似 Linux 下的 LAMP/LNMP，Windows 下的 XAMPP，MAMP Pro 则是它的升级版本。 MAMP Pro 包含的亮点功能如下： 支持多版本的 PHP 切换 Apache/Nginx/phpMyAdmin 等功能 本地域名自动 host，即我们可以随意设置域名 文件编辑 二、实例安装 这里以本地安装 WordPress 为例，服务器使用 Nginx，所以确保 Mysql 是关闭状态。然后就可以在「Hosts」界面左下角点击「Create new host」创建新主机。 在创建新主机弹窗中设置如下： Host name：主机名，正常为域名 Document root: 站点目录，可以新建一个域名文件夹 create a database named：创建一个绑定站点的数据库...
安装 nvm
brew install nvm
# 如果不存在以下目录新建
mkdir ~/.nvm
修改成国内镜像
# 修改配置
vi ~/.bash_profile
# 导出变量
export NVM_DIR="$HOME/.nvm"
# 添加淘宝镜像，需要执行 source ~/.bash_profile
export NVM_NODEJS_ORG_MIRROR=
# nvm
export NVM_DIR="$HOME/.nvm"
# node mirrors
export ELECTRON_MIRROR=""
export SASS_BINARY_SITE=""
# 使配置生效
. "/usr/local/opt/nvm/nvm.sh"
一、前言 macOS （2012 年前称 Mac OS X，2012-2016 年称 OS X，2016 年起称 macOS）。不同版本的系统又有自己的代号，例如：WWDC 2018 宣布版本为 10.14，代号为 Mojave 的开发版。macOS Mojave 正常会在 2018 年秋季正式发布。 以前经常听到「Win 适合开发，macOS 适合设计」的言论，其实 macOS 在开发与设计上已经完爆 Win，但其实现在的 Win10 在界面与操作上并不逊色于 macOS。个人观点，不喜勿喷。 二、常用软件 软件管理器 Homebrew Homebrew 是一款用来安装命令行应用的工具，打开命令行终端并粘贴以下命令执行。 /usr/bin/ruby -e "$(curl -fsSL )" Homebrew-Cask Homebrew 下使用命令行安装可视化应用的工具。 # 安装...
为了更好的开发以及戒掉 PC 游戏，最终决定入坑 macOS，体验了几天后发现苹果鼠标是真心鸡肋，且由于过于扁平长时间使用非常不舒服，所以准备用上之前的曼巴眼镜蛇。 一、鼠标滚动方向 首先进入「系统偏好设置」—「鼠标」，在打开的鼠标设置界面取消默认的反人类滚动方向。 二、下载雷蛇驱动 首先从官网下载最新的驱动，目前官网能搜到的最新版为 1.82，版本过低会有问题（该版本其实依然有个小问题，不能取消开机启动）。 雷云 Mac 1.82 下载完后正常要更新，然后是重启后登录才能使用。 三、驱动设置 可以为雷云设置一个 iMac 的专用方案，设置完后主体按键基本上与 win 一致。 这里点击「Side View」进入侧边按钮设置。 接着点击对应侧边按键进入对应的按键分配设置，然后选择键盘，这里推荐前进、后退组合键。 前进：Command(⌘)–左中括号([)...
第一次使用 MAMP 搭建 WP 本地环境时意外踩坑一个多小时… 最终查到资料 Chrome 63 在 17 年 12 月份的更新中将 .dev .foo 强制跳转到 https，而目前 Firefox 最新版中也对 .dev 做了该限制。 在 Chromium 的开发提交中就显示了这段记录 Preload HSTS for the .dev gTLD.，即为 .dev 这个通用顶级域名开启预加载 HTTP 严格安全传输。 HSTS(HTTP Strict Transport Security)：HTTP 严格安全传输 gTLD(Generictop-leveldomain)：通用顶级域名 HSTS 本该是浏览器读取到网站请求头才强行跳转到 https，而谷歌比较奇葩的是为直接为该域名做了这个预加载，所以除非修改浏览器，否则就只能自己改掉原来的 .dev 域名。...
2018-08-02 已更换自搭的 frp ngrok 是一款通过安全隧道连接本地的代理软件，可以将 NAT 或 防火墙背后的本地服务器暴露给互联网。 如果这些定义听起来有些晦涩，可以看下官方给的图片说明。 当用户 A 访问域名时先请求部署了 ngrok 的服务器，然后由 ngrok 服务器通过 ngrok 工具去获取用户 B 的本地数据再返回给用户 A。 不过 ngrok 官方提供的服务不仅访问稍慢，绑定自定义域名也是收费的服务，所以如果需要自定义域名可以自搭 ngrok 服务或者使用国内免费的 ngrok 服务。后面在试用了三家 ngrok 免费服务后，虽然 Sunny Ngrok 前期还要通过注册来管理隧道，但后期却省了不少事，同时服务也相对较稳定，官方也提供收费版（目前来看仅是带宽较大，功能没有大区别）。 使用场景 需要将本地开发的页面共享给外网用户查看，不过现在公司业务以 H5...
简介 如下图所示，当请求一个不同协议、不同域名或不同端口的资源时，就会发起跨域 HTTP 请求，出于安全考虑，浏览器默认会限制这些请求。但同时制定一个 CORS 标准来允许我们发起跨域请求。 CORS 全称为“跨域资源共享”（Cross-origin resource sharing），它允许浏览器向跨源服务器发出 XMLHttpRequest 或 fetch 等请求。 工作原理 CORS 请求分为简单请求与非简单请求两类。以下以 XMLHttpRequest 请求来解释跨域资源共享的工作原理。 简单请求 如果请求同时满足以下两个条件则视为简单请求，简单请求不会触发 CORS 预检。 1、请求方法为以下之一 GET POST HEAD 2、HTTP 头信息不超出以下几种字段 Accept Accept-Language Content-language Content-Type，只能为...
一个关于前端、产品、设计、绘画的情侣博客