leafnote

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化...

用 three.js 加载 glb 格式的 3D 文件， 并改变其材质，加入到 3D场景中， 加上动画效果， 使之可以在数字孪生做散点标注

前端埋点的核心在于高效地收集、处理和上报用户行为数据。 本文中的埋点代码通过模块化设计和灵活的实现方式，提供了一个高效且易于扩展的前端埋点解决方案。 源码位置

在 CSS 的浩瀚宇宙中，聚光灯下的明星属性固然耀眼，但那些藏在规范角落的「小众特性」，往往才是提升开发效率的秘密武器。它们就像隐藏的工具箱，能帮我们用更少的代码实现更细腻的交互，让界面开发从繁琐走向

耗时一百多天，我使用TypeScript完成了对pdf.js初步的重构，并完成了一个简易的demo。这一过程既相当有挑战，也十分需要耐心。

在寻找最灵活的前端工作流程和工具包时，我们很容易忘记如今一些基础的网络技术已经变得多么强大。本文将带您领略新的前端特性及其功能。组件特定样式、基于子元素的父元素样式、相对颜色——网络平台正经历激动人心

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目

1、效果图 2、上代码 ：) 封装了个class ~~~~~~~~~~~~~~~~~~~~~~~~

优化核心思路：少干活，干聪明活 技巧1：几何体合并 - 减少Draw Call 每次绘制调用（Draw Call）都是性能杀手。当场景有5000个立方体时，合并成一个几何体，Draw Call就从50