Sun, 19 Apr 2026 13:09:39 +0800 Sun, 19 Apr 2026 13:09:39 +0800 https://www.zhoulujun.cn https://www.zhoulujun.cn https://www.zhoulujun.cn https://www.zhoulujun.cn https://www.zhoulujun.cn 60 https://www.zhoulujun.cn Sun, 19 Apr 2026 13:09:39 +0800 2025-12-20 21:48:26 https://www.zhoulujun.cn
数据库层面：什么是窄表？什么是宽表？在数据库中，窄表和宽表是两种设计思想，分别指的是列数少或者列数多的表格。窄表是指只包含少量列（ ]]> 2025-12-11 17:16:25 https://www.zhoulujun.cn
我们一般直接slelect * form xx_table 查询出来直接表格展示没有问题，但是希望用折线图、柱状图等图表形式展示，就需要转换。当然，我们用UNION ALL VALUES 去改变输出，但是如果纯前端呢？用图表数据集自带的transform也是方式之一]]> 2025-12-11 17:25:47 https://www.zhoulujun.cn
2023年5月微软推出数据分析平台Microsoft Fabric，企图将关键数据管理和分析工作负载整合到一项服务中。其目标是为数据专业人员和业务用户 ]]> 2025-01-07 11:21:39 https://www.zhoulujun.cn
改变画布中的某个图形，去更新画布，最简单的是清空画布，然后根据图形树将所有图形再绘制一遍。这在图形较少的情况下是没什么问题的。但如 ]]> 2024-08-25 11:57:34 https://www.zhoulujun.cn
相比fabricjs konvajs pixijs，ZRender是轻量级的 Canvas 类库，它提供 Canvas、SVG、VML 等多种渲染方式，它可以用于绘制各种图形，包括线条、矩形、圆形、多边形等。echarts的渲染器就是ZRender。]]> 2018-12-21 22:13:00 https://www.zhoulujun.cn
选择 Canvas 还是 SVG比如我们使用echarts、highcharts、antV等图表库的时候，到底是使用svg还是使用canvas模式，如何选择呢？一般的说 ]]> 2024-08-25 21:17:03 https://www.zhoulujun.cn
由于 Canvas 不会保存绘制图形的信息，一旦绘制完成用户在浏览器中得到的是一张图片（图形库会保存结构，比如Konva Tree），如何实现实现canvas拖拽？内置API：isPointInPath isPointInStrokey、getImageData，几何运算如何做？]]> 2024-08-25 10:06:36 https://www.zhoulujun.cn
canvas操作库开源2d图形库——ZRender、fabric js、 konva js、 pixi js 、leaflet js 、paper js、p5 js等等一大堆，看的眼花缭乱Fabr ]]> 2024-08-24 21:04:47 https://www.zhoulujun.cn
无论是3DMax、Maya、AfterEffect、ThreeJS、unity等，只要跟3D占上边，就逃离不了摄像机的运用！首先要知道相机基本概念：焦距与视野，其次是相机透视相机与正视相机的运用]]> 2024-08-13 14:03:28 https://www.zhoulujun.cn 2022-05-11 11:33:00 https://www.zhoulujun.cn
第一个可以创建 3D 计算机图形的跨浏览器 JavaScript 库 Three js 于 2010 年发布。2011年3月：WebGL 1 0规范正式发布，此时Babylon js把web3变为工程可实现，2017年1月：WebGL 2 0规范最终完成。web3D引擎如雨后春笋]]> 2024-08-13 09:50:48 https://www.zhoulujun.cn
之前我觉得数据可视化平台重点在数据可视化，其是各类平台仪表盘大同小异，比如datatalk、dataV、grafana、dataease、supset等仪表盘其是都能满足大部分的场景，其实却的事一个Headless BI的里面的 Semantic Model 最难搞的]]> 2024-03-18 11:38:36 https://www.zhoulujun.cn
canvas是web绘制的一种常用优化方式，通常能更快地渲染大型场景或动画（可以利用 GPU 进行绘制操作）。canvas 可以通过OffscreenCanvas来进一步做性能优化 ]]> 2022-05-12 21:23:00 https://www.zhoulujun.cn 2022-03-13 22:09:11 https://www.zhoulujun.cn 2021-01-27 11:37:16 https://www.zhoulujun.cn 2021-01-22 12:42:59 https://www.zhoulujun.cn
Monaco的实现采用worker的方式，事件监听有：onDidChangeOptions 配置改变事件、onDidChangeLanguage 语言改变事件、onDidChangeModelContent 内容改变事件]]> 2020-09-25 20:07:40 https://www.zhoulujun.cn
Monaco 是一个用于浏览器中的编辑器，始于 2011 年 Erich Gamma 加入微软。后来这个项目变成了VSCode，而Monaco Editor就是从这个项目中成长出来的一个web编辑器，monaco有一个专门的库Monarch定义语法高亮，包括language(语言定义)，token]]> 2020-09-25 21:02:29 https://www.zhoulujun.cn
ACE jsACE是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或JavaScript应用程序中。[1]ACE支持超过40种语言语法高亮 ]]> 2017-08-24 21:29:00 https://www.zhoulujun.cn