WebGPU提供很多相关的AP1，通过这些WebGPU API可以控制你的显卡GPU渲染3D场景或计算数据。
api文档
WebGPU API文档
GPU概念
所谓GPU就是图形处理器，再具体点说，就是你电脑上的显卡，如果为了追求更好的性能，一般会在电脑上安装独立显卡。
GPU设...
yekong
1年前 (2023-07-20)
喜欢
要判断浏览器是否支持WebGPU，你可以使用以下方法：
navigator.gpu：
最简单的方法是通过navigator.gpu属性来检查浏览器是否支持WebGPU。该属性在支持WebGPU的浏览器中会返回一个GPU对象，否则返回undefined。
if (navigator...
yekong
1年前 (2023-07-20)
喜欢
要学习WebGPU首先需要准备一个支持WebGPU的浏览器，谷歌浏览器从Chrome 113 Beta测试版开始默认支持WebGPU。如果你的谷歌浏览器低于113版本，请下载新版本浏地器才能正常学习WebGPU。
随着时间的推移，将会越来越多的浏览器支持WebGPU.
浏览器支持...
yekong
1年前 (2023-07-20)
喜欢
在CSS中，calc()函数用于执行数学运算，它可以在CSS属性中计算值。calc()函数允许你使用加减乘除等数学操作符来组合不同类型的长度、百分比、视口单位和数值，生成最终的计算结果作为CSS属性的值。
以下是calc()函数的一些常见用途和作用：
动态计算长度值：calc(...
yekong
1年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发过程中，需要设置多个背景图，但是设置完成后发现背景图重复了。
多个背景图
background-image: url('./assets/searchbgleft.png'),
url('./assets/searchbg.png'),
url(...
yekong
1年前 (2023-07-19)
喜欢
vue3 数据可视化大屏 树状图菜单效果整理，二级菜单，可以选择选择菜单并将菜单对应的id传给父组件。
使用
<pageItem title="item4">
<item4 v-model:id="id4" v-model:type="type4"&...
yekong
1年前 (2023-07-19)
喜欢
vue 数据可视化大屏 项目开发中，经常会遇到各种各样的效果，为了提升效率，方便复用，将做过的效果都整理出来。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870.
8 vue3 数据可视化大屏 卡片效果
7 vue3 数据可视化大屏六边形卡片组效果...
yekong
1年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发中，会需要一些tab切换组件，tab组件有各种不同样式的，为了能够在不同风格的数据大屏中使用tab组件，这里也整理了自己做过的数据大屏项目中不同风格的tab组件。
14 vue3 tab按钮组件
13 vue3 数据可视化大屏tab组件-异形按钮...
yekong
1年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
1年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
1年前 (2023-07-18)
喜欢
