Attack on Life ⚔️

Personal blog

发表于 更新于 本文字数： 464 阅读时长 ≈ 1 分钟

手里这辆山地车有些年头了，大概是15年入手的，美利达公爵600，加锁2500CNY。目前车还在骑。

这里就总结下我都买了哪些配件及对车/品牌的观点

配件

这里列下我常用的

  1. 折叠密码锁

  2. 小米充气宝

  3. 半指/全指手套

  4. 轮胎气嘴帽

    嘴帽长时间后会损坏，可以买这种第三方的，质量不错还好看些

  5. 自行车链条润滑油

  6. 坐垫套

  7. 铃铛

配套App

阅读全文 »

发表于 更新于 本文字数： 135 阅读时长 ≈ 1 分钟

Web端提供一个monacoTS编辑器，这里是一些设置

  1. editor中声明语言typescript
  2. typescript语言添加类型声明-addExtraLib

除此之外就是一些常见设置，比如Minimap/Width/Height/Theme等

发表于 更新于 本文字数： 267 阅读时长 ≈ 1 分钟

使用fig时随着不断的输入数据，suggestion是会不断的筛选命中和高亮的。实际测试分析发现了高亮的logic

逻辑

  1. 补全list生成的同时计算当前输入命令光标到开始匹配的N个字符，定义为charactersToDrop=N
  2. N个字符split变成字符数组，每个字符进行match高亮，采用懒惰匹配
  3. 当用户回车时，终端先删除N个字符，write进命中补全-值
  4. 用户回车选中suggestion

举例

输入cd ar，charactersToDrop=2

阅读全文 »

发表于 更新于 本文字数： 944 阅读时长 ≈ 2 分钟

开发WebShell时会用到ssh2包，这里介绍下

说明：ssh2模块即openssh协议的客户端实现，因此我们平时ssh命令能做到/不能做到的，ssh2等价

常用方法

  1. connect-建立连接

    连接支持密码/密钥/交互键盘输入，确定连接成功后就可以做些基本操作了

    如果是连接失败，可以开启debug，方便排查失败原因。一般而言，本地终端可以连接上，那么ssh2也一样，因为都是openssh客户端

  2. con.shell

    开启交互Shell，即平时终端中不断输入输出，终端的话，比如直接断连接，长时间不输入，输入exit多种方法均可

  3. con.exec

    执行命令，比如cd命令，执行完后，该执行直接就结束了，即stream.end

  4. httpAgent

    这里的agent可以实现内网穿透，比如目标机器有个127.0.0.1:80的web服务，那么就可以使用ssh建立的agent穿透访问

  5. sftp

    文件操作的话，推荐使用基于ssh2实现的ssh2-sftp-client

在使用ssh2时，一定会遇到Channel的概念，需要说明下

阅读全文 »

发表于 更新于 本文字数： 694 阅读时长 ≈ 1 分钟

最近家里来了小孩儿，我想在电视上给他们放一些适龄的视频。发现YouTube有一个专门为儿童服务的Kids版块，经过一番摸索，感觉还不错。在这里，我记录下如何使用YouTube Kids。

介绍

YouTube Kids 是一个为儿童设计的免费应用程序，它提供一个更加安全的环境，让儿童浏览YouTube视频。这个应用旨在提供适合儿童观看的内容，同时也给家长控制孩子观看内容的能力。

要求

与YouTube一样

阅读全文 »

发表于 更新于 本文字数： 298 阅读时长 ≈ 1 分钟

最近做网页热键处理，对于事件还是需要温故下。

图形化展示事件派发过程

JS相关方法

  1. 事件绑定当然很简单

    比如使用addEventListener，通过第三个参数控制是否在捕获阶段。如果只是冒泡阶段的话，直接使用onclick等

  2. event对象下有个方法是stopPropagation，字面意思是停止传播，无论是冒泡还是捕获，均可通过该方法来阻止继续传播，结合图也就好理解了

  3. event下还有个preventDefault，但该方法

    • 并不阻止事件的继续传播

    • 会阻止默认行为，比如说a标签的跳转

相关文档

阅读全文 »

发表于 更新于 本文字数： 687 阅读时长 ≈ 1 分钟

xterm.js官方repo中除了浏览器组件/插件外，还有headless组件支持，那么xterm-headless是什么东西呢。

最近在翻看inshellisense时看到其中用到了xterm-headless，研究后理解了headless的作用。这里Mark下。

headless-nodejs支持

首先通过官方介绍也就知道了headless是用在nodejs侧的。即服务端也可以实例化一个terminal的客户端组件，然后操作执行。

注意点

阅读全文 »

发表于 更新于 本文字数： 3.3k 阅读时长 ≈ 6 分钟

IDE style command line auto complete

以下inshellisense简称为is

安装

1
2
3
4
5
6
# 如果还未安装node,推荐nvm方式先安装node
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

nvm install 18
npm install -g @microsoft/inshellisense
npm install -g node-gyp
阅读全文 »

发表于 更新于 本文字数： 393 阅读时长 ≈ 1 分钟

今年油猴脚本用的多些。这里总结下目前的使用情况。

定位

油猴用于强化网页，比如支持网页视频多倍速，网页样式修改，自动化一些操作等

常用脚本

  1. JD Review

    右键-自动评论，获得一点京豆

  2. 中信还款

    进入中信银行页面后，自动进入我的贷款页面，统计当前利息占比等信息。银行网页并不这些信息，而这些才是最重要的。

  3. 视频变速

    有些网页没有开放视频的多倍速变速，因此脚本增加了右键菜单的多倍速切换

  4. 文本选中支持

  5. 工作定制化脚本

    • 比如加载某网页时，自动执行一些选项操作等
阅读全文 »
0%