Attack on Life ⚔️

Personal blog

发表于 更新于 本文字数： 538 阅读时长 ≈ 1 分钟
本文介绍关于前端模块导入方式对打包体积的影响，包括使用场景、实现细节等，以提高关于前端模块导入方式对打包体积的影响的效率。

最近内部CR聊到了模块导入方式对体积的影响，个人觉得这个还挺重要的，因此这里mark下。

这里以一个组件库为例，在组件库的包中会看到有lib/es两个文件夹，实际上在开发我们在import时候是要注意的，如果import姿势不同，体积大小差异会巨大。

例子

先来个例子吧，下面截图可以看出import from es和import包根路径，实际上体积是一样的，但是当import from lib就差很远。

阅读全文 »

发表于 更新于 本文字数： 700 阅读时长 ≈ 1 分钟
本文是作者对Draw.io使用指南的介绍，包括Draw.io使用指南的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Draw.io使用指南的效率。

工作中，工时超过三天的功能开发需要技术评审，因此画图能力就是刚需了。

我司内部鼓励的是使用draw.io绘图，在使用中也越来越觉得这工具太棒了。因此关于使用，这里Mark下基本的说明。

平台

Draw.io是免费的，同时跨平台支持。

  • Web

  • App

    采用的Electron，因此支持各OS。

开源？

阅读全文 »

发表于 更新于 本文字数： 655 阅读时长 ≈ 1 分钟
本文是作者对ssh2连接时设置环境变量的介绍，包括ssh2连接时设置环境变量的优势、实现细节、相关资料等，这些步骤可以帮助作者提高ssh2连接时设置环境变量的效率。

使用nodejs ssh2客户端连接服务器时可以设置环境变量吗，经过调查发现是可以的，这里Mark下。

设置环境变量

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
this.conn.shell({
        env: {
          X_LOGIN_IP: '128.1.1.123',
          X_ENVIRONMENT_VARIABLE: "desiredvalue"
        }, term: 'xterm-256color', // term: 'dumb',
        cols: connectOpts.cols, rows: connectOpts.rows,
      }, (err, s) => {
        if (err) {
          console.log('ssh shell error', err);
          throw err;
   }    
})

局限性

阅读全文 »

发表于 更新于 本文字数： 1.3k 阅读时长 ≈ 2 分钟
本文介绍使用实体手机卡Giffgaff，包括使用场景、实现细节等，以提高使用实体手机卡Giffgaff的效率。

我新买的GoogleVoice又被封，同时Claude绑定手机号也屏蔽了GoogleVoice，所以只能换办法解决。

这里接受朋友的推荐，搞了下GG卡，实际体验效果还不错。

购买空白卡

  1. 推荐访问电报群，@giffgaffchat，查看公告中的微信小程序，直接扫码进入小程序，直接购买，我这里花费大约4CNY。48小时内发货。

  2. 快递会议挂号信形式发送，注意填写正确手机号接收即可。

手机卡激活

阅读全文 »

发表于 更新于 本文字数： 596 阅读时长 ≈ 1 分钟
本文是作者对WEB中监听网络断开的介绍，包括WEB中监听网络断开的优势、实现细节、相关资料等，这些步骤可以帮助作者提高WEB中监听网络断开的效率。

最近接到一个前端issue是关于用户网络断开和恢复带来的乱码问题，调研后发现WEB中网络变化没有监听及处理造成的，这里Mark下相关方法。

监听网络变化

通过online/offline事件监听网络变化。比如当把Wi-Fi关闭时offline事件触发，打开时online事件触发。

1
2
3
4
5
6
window.addEventListener('online', () => {
  console.log('网络在线');
});
window.addEventListener('offline', () => {
  console.log('网络中断');
});

判断网络状态

阅读全文 »
0%