前端开发如何看待“别更新了,学不动了”?Deno、TypeScript 等新轮子层出不穷,未来前端重点方向在哪?前端开发在大前端浪潮下如何持续学习、成长?
SpriteJS 3.0 的特性和规划
SpriteJS 是由 360 奇舞团开源的跨平台高性能图形系统,它能够支持 web、node、桌面应用和小程序的图形绘制和实现各种动画效果,不久前刚发布了 3.0 版本。与 SpriteJS 2.0 相比,SpriteJS 3.0 是真正优先使用 WebGL2 和 WebGL 进行渲染的跨平台图形系统。3.0 版本针对可视化的 2D 渲染做了专门的优化,能够自动合并大量的元素进行渲染,从而大大提升渲染效率。与 2.0 相比,3.0 是更加纯粹的渲染引擎,弱化了 2.0 提供的文字排版、Flex 布局等功能,专注于提升图形渲染的性能。
SpriteJS 3.0 同样保持了对 DOM API 极高的相似度,因此对 d3.js 这样数据驱动文档的可视化工具非常友好,而在图形渲染方面,由于 3.0 使用 GPU 渲染并针对可视化做了大量优化,使得它的渲染性能要大大超过了 2.0,在极端情况下达到十倍甚至百倍的提升。在渲染大量元素的时候,3.0 基本上可以在普通的 PC 电脑上处理画布上数以百万计的元素节点,轻松实现酷炫的粒子动画视觉效果。
此外,SpriteJS 3.0 在现代浏览器中支持 Offscreen Canvas 和 WebWorker,能够在 Worker 线程中渲染,不会阻塞主线程而影响用户交互。
SpriteJS 3.0 通过扩展支持真正 3D 渲染,3D 扩展的底层是基于轻量级的 Ogl 框架,使用上简洁高效,性能优良。整体功能上虽然不如 ThreeJS 这样的老