前端工程师都会遇到的nodejs常见问题和解决方案复盘
笔者之前陆陆续续接手过几个nodejs项目, 也参与过几个有点意思的nodejs开源项目, 最近把其中遇到的一些问题和解决方案做一个梳理, 避免大家继续踩坑. 话不多说我们开始吧~1.
SpriteJS:图形库造轮子的那些事儿
从 2017 年到 2020 年,我花了大约 4 年的时间,从零到一,实现了一个可切换 WebGL 和 Canvas2D 渲染的,跨平台支持浏览器、SSR、小程序,基于 DOM 结构和支持响应式的,高性能支持批量渲染、针对可视化场景优化、支持 WebWorker 的图形系统——S
龙虾 OpenClaw 中Canvas使用入门介绍
你的一键三连:点赞、评论+关注 是我持续更新的唯一动力最近被圈里朋友疯狂安利 OpenClaw 这个工具,一开始我还以为又是那种花里胡哨的 AI 聊天机器人,直到我试了它的 Canvas 功能 —— 好家伙,这玩意儿直接把我对 AI 助手的认知刷新了。
小程序Canvas 2D踩坑记录
之前做一个图片编辑小程序——用户选中一张照片,可以加文字、加贴纸、调滤镜。我一开始用了老版的 Canvas API(wx.createCanvasContext),做到一半发现微信在基础库 2.9.0 之后推荐用 Canvas 2D 了。迁移过程中踩了三个坑。
让地图讲故事的秘密:数据可视化
谈到大数据就免不了谈一下数据可视化,因为大数据挖掘、分析,最终都是要将信息呈现给客户。百度地图的数据体量很大,地图开放平台也有很多大数据分析的相关产品,如百度慧眼、交通云等,都需要对数据进行可视化。
将你的 Virtual dom 渲染成 Canvas
css-layout 支持的转换属性如下:这样也只是做了一层转换,帮我们更好的用 css 思维去写 canvas,但是如果我们很不爽 css in js 的写法,其实我们还可以写一个webpack loader 来加载外部 css:const css = require。
从 0 到 1 开发一个 node 命令行工具
G2 5.0 推出了服务端渲染的能力,为了让开发者更快捷得使用这部分能力,最写了一个 node 命令行工具 g2-ssr-node:用于把 G2 的 spec 转换成 png、jpeg 或者 pdf 等。基本的使用如下:$ g2-ssr-node g2png -i ./bar.
前端Js最强Canvas引擎! 1.5秒渲染100万图形!彻底告别Canvas卡顿!
做过 Canvas 开发的,谁没被性能问题折磨过?画个带圆角的矩形,原生 Canvas API 要 20 行起步。缩放、拖拽、层级管理全靠自己实现。节点一多,超过 5000 个元素页面就卡成 PPT。想做个在线设计器、流程图编辑器、数据可视化大屏,性能瓶颈像座山横在眼前。
Node.js BFF开发8个月的心路历程
忙碌的日子总是过得特别快,回头一看,我已经做node.js BFF开发8个月了,基本上没写过web前端的事情,做了大半年,写篇文章来记录一下我这大半年的心路历程。
LeaferJS:一套更像“UI 框架”的国产 Canvas 引擎
写过画布(Canvas)交互的人都懂:从“画个矩形”到“做个能拖拽、能缩放、能编辑的画板”,中间隔着一整套事件、场景树、渲染优化和跨端适配。