通常，域名访问的网站都是外网的。有时候为了方便，使用域名访问本地文件也有必要。要实现这个，做到以下两步即可。
- 写host。
-
修改服务器配置。这里用的是 nginx 。
-
如果想要使用 https 访问，还需要制作 ssl 证书。
但在 mac 下，要实现这个，必须先实现端口的转发。也就是mac限制root权限才可以访问1024以下端口。所以，你想访问80端口，443端口是不现实的。这个时候，就需要用到 pfctl 转发。
实现了转发，就继续下边的过程了。
mac下，1024以下端口访问需要root权限。这使得在使用的时候很不方便。比如访问本地服务的一个网站，总得带上端口号。这样难看又麻烦。
面对问题，总会有解决的方法。在 mac os 10.10 以前，通过 ipfw 可以实现代理。更新版本系统之后 ipfw 就被弃用了。这个时候用 pfctl 来实现。
实现过程
创建文件 nginx.proxy
sudo vi /etc/pf.anchors/nginx.proxy
i
输入以下内容：
rdr pass on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 8080
rdr pass on lo0 inet proto tcp from any to 127.0.0.1 port 443 -> 127.0.0.1 port 8443
保存修改。
需求
mac自带的php版本是5.6,想要使用7.1的特性，就得想办法升级php版本。
过程
- 如果存在homebrew安装的旧版本，请先卸载。
- 安装php7。
先卸载。
brew services list #查看homebrew安装的程序
brew uninstall php70 #假如之前安装过php70
rm -rf /usr/local/etc/php/7.0 #删除对应的配置文件
在安装 nginx 之前，请先安装 Homebrew 。
安装 nginx
brew install nginx
默认安装最新版本的，当前版本是 1.12.1 。安装完成后，在终端里会显示一些路径信息，如下：
/usr/local/etc/nginx/nginx.conf #配置文件路径
/usr/local/var/www #服务器默认路径
/usr/local/Cellar/nginx/1.12.1 #安装路径
介绍
Homebrew是Mac上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件。其类似于centos的yum，ubuntu的apt-get。
安装
官网：https://brew.sh/index_zh-cn.html
终端中执行下边命令。
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后会提示安装以及要创建等目录。回车，输入密码，将进行下载安装。
Mac终端默认的配色颜色太单一，使用起来不是很方便。所以才想要去修改其配色。
修改 .bash_profile
在修改 .bash_profile 之前，先修改下终端的默认颜色，字体，背景透明度等。这里设置 Pro 方案为默认。如下图。
反正，每个人都会有自己的原因，想去将mac恢复出厂。
开机的时候按住Option+Command+R键，然后进入联网恢复，在联网恢复中，先用磁盘工具吧系统盘抹除，然后选择重装系统。这个时候安装的系统就是电脑出厂的时候的系统。并且所有文件和设置也都和全新的Mac一样了。
具体请参考以下文章：
官方：https://support.apple.com/zh-cn/HT204904
其他：http://www.xitongcheng.com/jiaocheng/xtazjc_article_16403.html
现象
在js中使用 $(window).load(function(){ ...}) 时，会报下边的错误：
Uncaught TypeError: a.indexOf is not a function
at r.fn.init.r.fn.load (jquery.min.js:4)
stackoverflow 中有人提到说是 jquery 的版本原因，并给出了方法。
前言
网站加入加载进度条，是件很酷的事情。NProgress.js 就是一个不错的插件。
官网地址：http://ricostacruz.com/nprogress/
CDN: http://www.bootcdn.cn/nprogress/
使用
NProgress 依赖于 jquery1.8 以上的版本。所以，在使用之前，先引入jquery。NProgress有自己的样式文件，也要引入进来。所以，在使用之前，要引入对应的css, js。如：
<link href="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
前因
当INPUT[type=file]控件上已经选择过一次文件之后，再次点击它选择同一个文件时change事件就不会触发。因为第二次选择后里面的文字和第一次是一样的，没有改变。还有个更蛋疼情况是有些浏览器会自动记住控件上的文字，即使页面关闭后重新打开还是会恢复到原来的文字。这时候选择同路径的文件也不会触发change事件。