记录工作时遇到的一些问题。

https://solstice-taxicab-e2a.notion.site/55145f0829d14b2689850dacff1a8699?v=86d673bb29664b0c9f85b462904949ad

Turbowarp JIT 即时编译解析

Blocks AST -> Blocks 中间码 -> js闭包函数

Comlink通过提供一个RPC实现，将这种基于消息的API变成了对开发者更友好的东西。一个线程的值可以在另一个线程中使用（反之亦然），就像本地值一样。

ScratchAddons 项目使用这个库，用于在chrome extension中同步 contentScript 与 pagescript 的数据。

dispatch 是什么 需要从scratch的插件的设计方案说起

官方设计了4类插件，Core以及Team分别是scratch默认的动作、外观等积木和扩展库中音乐、画笔等积木，offical 也许是指的写有合作者tag的插件（但是这些插件并非如列表中所描述的在sandbox中运行）。

我们要关注的是最后这一类 Unoffical, 这类仅提供了对sandbox 的支持。

前些天升了一下软路由固件，更新了不少新功能，刚好有空折腾一下 Openwrt。

编写 Scratch 插件中一些不为人知的技巧

while (true) {
    // code
}

我还真没写过这样的代码，在看 ScratchAddons 源码的时候看到好些 addon 在 function 开头都有这样的代码。那这样不就死循环了么？

昨天整了一下FLIP动画，今天用 React 实现一个 Vue 中常用的 v-if/v-else 动画

核心： 父组件识别并控制子组件的渲染时机，并赋予对应的 class/style，使得Dom切换动画无缝连接

自从开始写React，就没怎么碰过动画的问题了

一是因为Vue内置了动画功能，只需要简单配置就能使用
二是产品水平有限，连基本功能都设计不好也别提提高用户体验了

花了点时间跟着这篇博客走了一遍

核心： 重新排序(Last)后将元素置为未排序（First）时的位置（Invert），渲染下一帧时清除 style 使其归位（Play）

CodeSandBox

最近学了下flutter相关的内容，在项目打包的时候发现一个问题，在不同的电脑以及github actions打包出来的apk,在安装到手机时，都会提示（使用adb命令安装可以看到log）package 签名不一致的问题，导致需要先卸载才能安装。