Attack on Life ⚔️

常见的编码设定

1. IDE/编辑器

​ 截图为WebStorm编辑器下针对单个文件的编码设定
​

2. 网页源码

   截图为Chrome下浏览网页源码

3. 网络请求

   截图为Chrome下查看XHR请求数据

微信公众号编辑器出了名的难用，比如不支持MarkDown。为了节约生命，个人习惯在doocs/md中编辑排版，再一键拷贝到微信编辑器中即可，这一步的效率算是解决了。但还有个问题是，编辑器原本支持将文本中图片自动上传到微信服务器，但对于GitHub图床的图片却提示失败。既然绕不开使用微信编辑器，就需要解决该问题，这里描述下我的解决办法。

失败原因

先说为什么会上传失败。

首先上传的原理是微信根据原图地址请求获取图片，进而存储到自己的图床，这里如果服务本身与user-images.githubusercontent.com网络不通自然也就有这个问题。比如微信服务器没有外网访问能力等。具体就不好说了，但必然是网络限制。

前端开发调试时，我们team都会使用到whistle，这样可以将部分资源代理走既定地址。

whistle安装

1. 安装NodeJS

   推荐走NVM进行安装，Windows使用nvm-windows，其它使用nvm

2. 安装whistle

   1	npm install -g whistle

3. 启动whistle

   1 2 3 4 5

   # 终端下执行以下命令 w2 start # 确认启动状态 w2 status

4. 浏览器访问http://127.0.0.1:8899

5. HTTPS拦截

   为了正常代理HTTPS的URL，需要开启HTTPS

   • 打开HTTPS相关开关

   • 下载根证书，双击安装

     除了弹窗点击下载之外也可以在确保whistle代理生效的情况下，访问http://rootca.pro下载

   • Keychain Access中信任该证书

​

浏览器插件

iTerm2个人很常用，但凡需要命令行操作VPS或者本地服务，我会用到。

但今天跟一位设计师去聊，要向其介绍iTerm2是什么时，突然发现自己简单几句没说明白。

回头看iTerm2官网发现它是这么介绍自己的 iTerm2 is a terminal emulator for macOS that does amazing things.

Terminal/Shell/Terminal emulator，这几个概念个人存在认知不清晰，因此查询资料，梳理总结下。

1. 终端是指利用其访问计算机的设备/软件，因此可以分为物理终端和虚拟终端，比如我们有台机器，如果我是用键盘、显示器、鼠标这些终端直连机器，肯定是可以操作的。而对应物理终端的就是虚拟终端，这些终端并不是真实连接到该机器的，比如我本地自己的Mac电脑，但是通过本地这些终端我也可以操控远程机器。

   所以可以理解iTerm2算是个终端模拟器/虚拟终端

2. Shell是指提供操作界面的软件，Shell本身也是种语言，zsh/bash本质都是shell解释器

3. iTerm2这类终端软件毕竟是模拟成了远程机器的物理终端，因此叫终端模拟器也就可以理解了。

最近在做WebShell，即网页终端方式访问目标服务器，如果细扣字眼，实际上叫WebTerminal会更好些，但是终端访问，操作的软件就是shell，所以在大家的认知里，也算是划等号了。

工作中经常需要查询腾讯云API文档，为了提高检索效率，决定制作成dash-docset，毕竟dash下进行文档搜索还是高效的。

这里总结下制作流程

效果

原理

最近在做WebShell，除了sz/rz命令方式实现上传下载之外，需要GUI方式实现基本的文件操作，比如拉取文件列表，上传下载。

调研后决定使用基于sftp/ssh实现的ssh2-sftp-client。

这里总结下使用中遇到的问题

服务禁用/开启设定

每个Linux机器默认都有SFTP服务，毕竟底层是SSH协议，算是标配，但用户可以通过在服务端设置来选择开启和关闭sftp服务的。

因此在实际开发中要考虑到服务不可用场景下的处理

1
2
3
4
5
6
7
8
9
10
11

# vi /etc/ssh/sshd_config

# override default of no subsystems
Subsystem       sftp    /usr/libexec/openssh/sftp-server


After
# override default of no subsystems
# Subsystem       sftp    /usr/libexec/openssh/sftp-server

service sshd restart

iTerm2相比较Mac自带的Terminal个人觉得还是很强大的，这里总结下使用中的一些设置/技巧。

App完整设置过多，这里并不一一赘述，只hightlight下我个人认为重要的一些设定

基本设定

主题推荐设置为Minimal

终端会有沉浸式体验，没有独立的头部工具栏

小程序中存在绘制海报需求，大致是请求多张Web图片，合成绘制海报，用户可以保存到手机，然后分享朋友圈等。

当前存在的问题是有时候绘制时发现黑屏。因此这里分析解决下。

黑屏效果如下

工作中经常使用会议App，我当前工作中使用腾讯会议，之前工作中是Zoom。

常见的场景是同事会发出来会议邀请信息，我需要这样操作，手动拷贝其中的会议ID=>手动唤起会议App=>输入会议ID，如果拷贝到输入中出现空格/特殊字符等，还需单独处理下。由此可见这个过程麻烦，因此这里考虑使用workflow优化下整个流程。

效果

选中会议信息文本，唤起text action，选择join meeting即可。当然也可以拷贝会议文本信息，唤起Alfred，输入关键词 meeting 回车。

下载链接

管理包依赖时有依赖和开发依赖。针对安装的第三方包本身也存在依赖和开发依赖。这些包依赖的安装logic需要明确下。

npm i

本地开发时，一般是指行npm i ，这样针对直接依赖和直接开发依赖都会进行安装，但针对第三方包是不安装开发依赖的。关于这点也好理解，包本身都是publish出去的，算是属于包本身的生产模式，因此没必要安装开发依赖。

当然针对依赖和间接依赖+包版本，存在同一个包的多版本并存，这个也要注意。

– production