常见的编码设定

  1. IDE/编辑器

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

  1. 网页源码

    截图为Chrome下浏览网页源码

  2. 网络请求

    截图为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下进行文档搜索还是高效的。

这里总结下制作流程

效果

原理

阅读全文 »
0%