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。这里描述下使用方法。