整理下TS装饰器(Decorator)的相关内容。

• 装饰器种类
• 装饰器工厂与组合使用
• metadata reflecion API
• 开源库中的使用

从以下几个方面分析下Puppeteer的衍生项目Playwirght：

• 基本介绍与使用示例
• 云原生：BrowserContext的隔离与增强
• 跨平台：不同平台通用的Client与Server实现
• 多选择器：内置与自定义选择器引擎

TS的开发经验总结，主要包含以下几个方面的内容

• 编译工具的特点与比较
• 语言特性的选择与使用
• 模块系统与自定义类型
• 其他使用技巧

译自：TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 | @jagaapple

fabric和konva主要是用于实现编辑器的场景，而Pixi则是一个高性能2D动画渲染库，通常用于一些H5的小游戏或可交互页面。

本次通过以下几个方面来对其进行分析：

• WebGL与Canvas渲染器
• 资源加载器与纹理
• 场景、精灵与图形对象
• 变换、交互及动画处理

与古老的Fabric相比，Konva的使用更为便捷，性能更加优益，这些得益于其内部的种种设计，本次通过以下几个方面来对其进行分析：

• 基础元素及上下文的扩展
• 图形变换处理(变换计算及独立的图形控制器)
• 光标交互处理(基于像素的目标检测)
• 层级渲染处理

了解Canvas2D渲染功能实现与设计，在使用时知其所以然，在创造时有所借鉴。从以下这四个方面来分析Fabric.js

• 对象模型处理(使用及设计实现)
• 图形变换处理(canvas与object变换)
• 光标交互处理(目标检测与事件处理)
• 画布与对象渲染处理(多层结构与多阶段绘制)

针对具有复杂canvas交互操作的e2e测试，尝试使用puppeteer模拟复杂canvas交互，自动执行相关测试用例，利于减少重复的人工验证和回归测试。

主要做了封装通用操作，添加操作辅助类，与测试工具集成，结果验证等工作。

简单分析下lerna中依赖管理的部分

• 在使用lerna时，若使用yarn作为npmClient并开启workspace功能，则bootstrap命令会代理给yarn执行
• 相同的依赖通过提升(hoist)安装在根路径下，本地包之间的依赖通过软链接实现
• 虽然在依赖处理部分yarn的底层具有较好的实现，但lerna提供的上层指令则方便了开发者的使用

介绍目前Chromium中渲染流水线中的主要阶段及其工作。

目前Web中主要有两种方式可以显式的调用GPU来执行计算任务：

1. GPU.js - 第三方工具。使用JS编写计算任务，内部转换成GLSL交由GPU(OpenGL ES)处理
2. WebGPU - w3c规范(19-11-12时处于Editor’s Draft阶段)，提供通用的GPU API，抹平不同底层图形API之间的差异(Vulkan, D3D, Metal)