Ryan Shang

一、前言

为什么要研究这篇内容：

• 每天都在和浏览器打交道

• 一道面试题

• 开拓视野

通过了解一个url的请求发生了什么来了解现代Web服务架构的演进，这里的每一个环节深挖下去都是一个很大的方向，所里这里仅做一个简介，不会深挖每个环节。

一、 背景

购买了树莓派4B，可以放在家里当作一个小型的服务器使用，因为想在外的时候也可以访问，就可以使用frp这个工具来实现内网穿透。之前也在给手机使用Linux Deploy时使用过，这次刚好记录下配置过程，实现通过公网访问树莓派的一些服务。

二、简介

1. frp是什么？

frp 是一个专注于内网穿透的高性能的反向代理应用，支持 TCP、UDP、HTTP、HTTPS 等多种协议。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网。

背景

之前在服务器中使用的编辑器是vim，最近开始接触nano，作为我平时低频使用的临时编辑工具，nano上默认会带有一些按键提示，相对于vim对我会有好一些。最近一直想把git的默认编辑器也更换为nano，统一使用nano替代vi/vim。

方案

直接修改全局的gitconfig文件(~/.gitconfig)，增加如下内容：

1
2

[core]
	editor = nano

背景

在商业产品的业务中，会有接入iOS支付的需求，但是iOS支付接入，会有这三个点：

1. 需要配置host访问业务的沙箱环境
2. 中间需要接口请求访问苹果相关服务
3. 苹果服务会有SSL Pinning导致这些接口走代理服务会被iOS拦截

这就导致一个问题，手机配置host需要使用charles走代理，但是苹果相关接口会因此无法访问，陷入僵局

方案

背景

demo

最近清明节，网上有许多人会把自己的彩色头像换成灰色头像，也有一些工具可以帮忙做图像转换。这两天刚好空闲，想试试用网页来实现把彩色照片转成灰色头像

思路

• 使用input的file类型上传图片

• 获取图片后使用FileReader的readAsDataURLApi把文件对象转换为base64格式，展示在输出照片位置

• 输出照片加载完成后，创建一个canvas对象，然后把context的filter属性设置为grayscale(0.95)，使图片变灰

• 把canvas产生出来的新的图片通过canvas.toDataURLApi转换为base64格式

• 用最终的base64格式图片替换输出照片位置的图片