专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
今天看啥  ›  专栏  ›  前端大全

原生 canvas 如何实现大屏?

前端大全  · 公众号  · 前端  · 2024-05-27 11:50
    

文章预览

作者:小丑依然是我  https://juejin.cn/post/7165564571128692773 前言 可视化大屏该如何做?有可能一天完成吗?废话不多说,直接看效果, 线上 Demo 地址: https://lxfu1.github.io/large-screen-visualization/ 看完这篇文章(这个项目),你将收获: 全局状态真的很简单,你只需 5 分钟就能上手 如何缓存函数,当入参不变时,直接使用缓存值 千万节点的图如何分片渲染,不卡顿页面操作 项目单测该如何写? 如何用 canvas 绘制各种图表,如何实现 canvas 动画 如何自动化部署自己的大屏网站 实现 项目基于 Create React App [1] --template typescript 搭建,包管理工具使用的 pnpm ,pnpm 的优势这里不多介绍(快+节省磁盘空间)。 由于项目 package.json 里面有限制包版本(最新版本的 G6 会导致 OOM,官方短时间能应该会修复),如果使用的 yarn 或 npm 的话,改为对应的 resolutions 即可。   ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览