Attack on Life ⚔️

准备工作

1. 下载Tuxera NTFS for Mac软件，有15天试用，因此够用

   • 选择该软件是因为Mac系统磁盘工具没有提供NTFS格式化选项
   • NTFS默认为只读，利用该软件改为读写支持

2. 格式化移动硬盘/U盘

   • 如果盘里有数据，使用工具，格式化磁盘，格式为Microsoft NTFS
   • 不要选择FAT格式，ExFAT不能正常引导，FAT要求文件大小小于4GB，超过了Windows10文件大小

3. 下载Windows镜像

   • https://www.microsoft.com/zh-cn/software-download/windows10ISO

4. 挂载系统镜像到Mac上

   • 双击ISO镜像文件即可

5. 打开终端，输入如下命令，前者为挂载的镜像文件路径，后者为挂载的硬盘/U盘路径，执行该命令

   1	cp -rp /Volumes/CCCOMA_X64FRE_ZH-CN_DV9/* /Volumes/THINK_DISK

OK后系统盘即制作完成

Chrome下习惯使用Vimium进行书签检索，针对输入，因为有些书签是中文，而有些是英文，因此还存在输入法切换情况，留意发现，Vimium是直接根据输入的字符实时检索，不论是否是中文输入法，都直接根据输入字符进行检索。因为开发场景并没遇到类似考虑，提前扫盲，这里就系统了解下。

JS下能否获取当前输入法名称信息/能否临时修改输入法？

答案都是否，JS下并不能获取输入法信息，更不能修改输入法，而部分网页做到的提示用户是否是在中英文输入法状态等，是通过输入事件及输入字符来判断的。

Chrome插件呢？如Vimium这些插件，本身除了JS能力外，还有Chrome App层面提供的一些能力，但可惜也是无法修改输入法。

JS中的输入事件input/composition

JS是单线程执行，假如前端有阻塞性运算，那么用户侧会感到UI操作卡顿，为提升体验，可以将这部分的运算交给Web Worker来解决。当然也可以将这部分运算交给后台，但具体选择哪种取决于场景及拓展性考虑，最近在开发WEB中遇到了这类问题，考虑后决定交付给前端解决，这里记录下Web worker使用。

最近做的小程序有个海报分享feat，大致做法是将一些图片+文本都绘制在一个海报Canvas上，Canvas同时支持输出为dataURL，因此下载也就很简单。但图片资源中有一种是GIF，它是动态资源，包含多帧，测试发现GIF资源在绘制海报时没有问题，但疑问是GIF动画生成静态图片时使用的哪一帧，同时如果想改怎么做呢？借着假期，了解下。

canvas.getContext(‘2d’).drawImage

绘制海报使用的即该函数，因为GIF的每帧可能是不同的，因此查看几个典型的GIF，对比发现，绘制时，使用的会是GIF的第一帧。

在Mac下可以使用preview 来预览GIF，显示的数字即帧数。

海量列表数据如果一次性全部渲染出DOM，必将降低WEB性能，为此可以使用虚拟列表进行优化，原理就是程序中维护的还是完整列表，但实际上永远只是渲染一部分，随着滚动，程序动态切换渲染部分。因此足够的快且增加一部分的内容进行预渲染，实际上用户是无感知的。react生态下，可以选择使用react-window。这里描述下使用方法。

有时想获取Mac下App的ID/版本等信息，finder中来回查看拷贝低效，因此利用Alfred Universal action实现下一键获取。

效果

回车即拷贝至剪贴板

项目中需要增加一些设置值，有些会影响feat，有些只是单纯的展示，比如站点名称。一种是在TS/JS这种程序代码中，设置一种是非程序文件-配置文件中设定，比如自定义一个file文件，或者常用的package.json。

针对后者，如何优雅去做呢，这里贴出我的一种方案。

美国Apple ID或者其它外区可以下载国内商店没有的app，但部分app付费，比如小火箭，因此支付就是个问题。在没有美国PayPal/美国Visa卡的前提下，Apple礼品卡是唯一方案。因此这里介绍下使用流程。

gift card不跨区

因为gift card有区的概念，不支持跨区充值。比如我这里是想用gift card给美区账户充值，因此必须走美国Apple官方购买卡。

逛Surge社区时看有人提到了dig命令，因此学习了解下

简介

摘自 WIKI，dig是一个网络管理命令行工具，用于查询域名系统（DNS），英文单词dig也有寻找的意思。因此很好记忆，dig就是查询目标域名相关信息。

最近一直在开发插件，踩了些坑，这里总结下。

popup程序化弹出？

popup不支持程序化弹出，曲线解决的方案是，开启新window，打开popup.html即可。

1
2
3
4
5
6
7
8
9

 chrome.windows.create({
  url: `popup.html`,
  type: 'popup',
  height: 640,
  width: 357,
  left: 100,
  top: 100,
  focused: true,
})