JoyNop

前端分为以下8个细分领域：低代码方向：熟悉组件拖拉拽、流程管理；熟悉可视化框架如echarts.js、d3.js;前端可视化方向：通过使用echarts.js、antv、d3.js、canvas、svg、three.js、webGL等前端图标库,熟悉3D图形理论基础：包括三维渲染原理、着色器、GPU渲染管线等理论知识完成数据大屏、知识图谱、三维地图的可视化展示。主要集中于数字大屏，智慧城市、地图绘

- 阅读全文 -

前言在项目开发过程中，前端需要存储大量的数据。cookie, localstorage 都有存储长度限制。表格一览特性cookielocalStoragesessionStorageindexedDB数据生命周期一般由服务器生成，可以设置过期时间；前端采用和 js-cookie 等组件也可以生成除非被清理，否则一直存在；浏览器关闭还会保存在本地，但是不支持跨浏览器页面关闭就清理刷新依然存在，不支持

- 阅读全文 -

最近研究了一下svg的path标签，功能非常强大，理论上来讲path标签可以画出任意图形。自己记性不太好，记录一下path的使用语法和自己的理解。path介绍path用d属性来描述路径，语法格式大概如下：<svg> <path d="路径描述" /> </svg>其中路径描述包含如下命令：M = moveto 移动到某点。 L = l

- 阅读全文 -

在本文中，我将使用React Hooks创建一个html canvas 画图网站，我将使用create-react-app脚手架从零开始构建项目。最后这个应用程序有诸如清除、撤销和使用localStorage基本功能。本文我将向您展示任何构建自定义Hooks和在普通的Hooks中重用有状态逻辑。基本设置我们首先使用create-react-app创建一个新的React应用程序。$ npx crea

- 阅读全文 -

PIXI Canvas 点击事件如下​ onMounted(() => { console.log('mounted') app.renderer.plugins.interaction.on('pointerdown', (event: PIXI.InteractionEvent) => { let ax = event.data.get

- 阅读全文 -