yrq110

fabric和konva主要是用于实现编辑器的场景，而Pixi则是一个高性能2D动画渲染库，通常用于一些H5的小游戏或可交互页面。 Pixi是一个基于WebGL Renderer的高性能跨平台渲染库。其中默认使用WebGL相关插件(回退使用CanvasRenderer)去渲染2…

Konva的自我简介是：一个通过扩展2d上下文，使其功能在桌面和移动端均可交互的canvas库，包含高性能的动画、变换、节点嵌套、事件处理、分层等等。 Konva源自Eric的KineticJS项目，年龄比fabric要小一点，在19年初进行了部分重构，使用TypeScript…

了解Canvas2D渲染功能实现与设计，在使用时知其所以然，在创造时有所借鉴。从以下这四个方面来分析Fabric.js ... 在创建对象模型部分主要有两种方式：使用基础图形与自定义图形。 在自定义图形对象时，需要实现initialize()与_render()方法，前者用于属…

产生的契机：用户在交互时的Canvas逻辑与渲染在同一线程内执行，动画产生的卡顿可能会影响用户体验。若在后台渲染，则可以避免耗时的渲染任务阻塞主线程。 使用OffscreenCanvas与Worker结合的方式可以将渲染任务放在子线程中，有效提升用户交互时的界面流畅度。 Tra…

总结了一些与小程序和mpvue相关的代码片段

介绍与web worker有关的: 概况: 支持情况, 类型, 特点等 使用场景: 轮询, 复杂数据解析, JS库的代理等 相关工具: workerize, comlink等

梳理一下浏览器与Node中的事件循环。

总结一些使用puppeteer的小技巧。

TL; NR * 轻量, remote调用(使用本地chrome) => puppeteer-core * 将chromium整合进安装包(需要asar打包时排除chromium), macOS下验证失败 => puppeteer