一个关于前端、产品、设计、绘画的情侣博客

作者Milly

擅长Adobe旗下软件,Ai、Au、Ae、Br、Fw、Fl、Id、Lr、Pr等的安装与卸载,精通CSS、JavaScript、PHP等单词的拼写。

从个性签名被模仿回忆我的十年互联网生涯

一、缘由 昨天刷「即刻」APP 的时候信息流中突然出现一个内容着实把我吓了一跳,我什么时候开了小号?不过仔细查看,应该只是曾经的个性签名被模仿了而已。 当时第一反应是 2012 年的时候被 UISDC 的群成员曝光过…所以微博上一搜,几十页的结果,不过传播的并不是我的版本,而是加了一些改造,包括我关注的某些 IT 大 V 也有人模仿。 不过刚开始 QQ 与微博上的这段签名并没有人在意,直到 2011 年年底接触了优秀网页设计联盟,认识了当时的发起者张鹏,投稿了几篇微博,天天收到一群人 @,但就是不涨粉… 后面为前期的 UISDC 讲座提供 QQ 千人群,然后个性签名就被截图发到微博上,被一些设计大师围观评论,但依旧不涨粉!还被群主误认为是迅雷员工… 这原本是 2009、2010 年还没入门的小白自嘲,没想到却被改的这么流行。不过也还好他们没改变我当时写 Adobe...

Github Pages 自定义域名免费开启 https

一、前言 之前 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 Pro 使用指南

一、前言 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:创建一个绑定站点的数据库...

macOS 下搭建 Node.js 开发环境

安装 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 入门指北

一、前言 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 下使用命令行安装可视化应用的工具。 # 安装...

iMac 下雷蛇鼠标恢复 Windows 体验

为了更好的开发以及戒掉 PC 游戏,最终决定入坑 macOS,体验了几天后发现苹果鼠标是真心鸡肋,且由于过于扁平长时间使用非常不舒服,所以准备用上之前的曼巴眼镜蛇。 一、鼠标滚动方向 首先进入「系统偏好设置」—「鼠标」,在打开的鼠标设置界面取消默认的反人类滚动方向。 二、下载雷蛇驱动 首先从官网下载最新的驱动,目前官网能搜到的最新版为 1.82,版本过低会有问题(该版本其实依然有个小问题,不能取消开机启动)。 雷云 Mac 1.82 下载完后正常要更新,然后是重启后登录才能使用。 三、驱动设置 可以为雷云设置一个 iMac 的专用方案,设置完后主体按键基本上与 win 一致。 这里点击「Side View」进入侧边按钮设置。 接着点击对应侧边按键进入对应的按键分配设置,然后选择键盘,这里推荐前进、后退组合键。 前进:Command(⌘)–左中括号([)...

不要使用 .dev 作为本地开发域名

第一次使用 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 域名。...

Ngrok – 反向代理软件

ngrok 是一款通过安全隧道连接本地的代理软件,可以将 NAT 或 防火墙背后的本地服务器暴露给互联网。 如果这些定义听起来有些晦涩,可以看下官方给的图片说明。 当用户 A 访问域名时先请求部署了 ngrok 的服务器,然后由 ngrok 服务器通过 ngrok 工具去获取用户 B 的本地数据再返回给用户 A。 不过 ngrok 官方提供的服务不仅访问稍慢,绑定自定义域名也是收费的服务,所以如果需要自定义域名可以自搭 ngrok 服务或者使用国内免费的 ngrok 服务。后面在试用了三家 ngrok 免费服务后,虽然 Sunny Ngrok 前期还要通过注册来管理隧道,但后期却省了不少事,同时服务也相对较稳定,官方也提供收费版(目前来看仅是带宽较大,功能没有大区别)。 使用场景 需要将本地开发的页面共享给外网用户查看,不过现在公司业务以 H5 居多,有时内网的 wifi...

CORS 跨域资源共享

简介 如下图所示,当请求一个不同协议、不同域名或不同端口的资源时,就会发起跨域 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,只能为...

一个关于前端、产品、设计、绘画的情侣博客

分类

文章归档