WebGPU提供很多相关的AP1，通过这些WebGPU API可以控制你的显卡GPU渲染3D场景或计算数据。
api文档
WebGPU API文档
GPU概念
所谓GPU就是图形处理器，再具体点说，就是你电脑上的显卡，如果为了追求更好的性能，一般会在电脑上安装独立显卡。
GPU设...
yekong
2年前 (2023-07-20)
喜欢
要判断浏览器是否支持WebGPU，你可以使用以下方法：
navigator.gpu：
最简单的方法是通过navigator.gpu属性来检查浏览器是否支持WebGPU。该属性在支持WebGPU的浏览器中会返回一个GPU对象，否则返回undefined。
if (navigator...
yekong
2年前 (2023-07-20)
喜欢
要学习WebGPU首先需要准备一个支持WebGPU的浏览器，谷歌浏览器从Chrome 113 Beta测试版开始默认支持WebGPU。如果你的谷歌浏览器低于113版本，请下载新版本浏地器才能正常学习WebGPU。
随着时间的推移，将会越来越多的浏览器支持WebGPU.
浏览器支持...
yekong
2年前 (2023-07-20)
喜欢
在CSS中，calc()函数用于执行数学运算，它可以在CSS属性中计算值。calc()函数允许你使用加减乘除等数学操作符来组合不同类型的长度、百分比、视口单位和数值，生成最终的计算结果作为CSS属性的值。
以下是calc()函数的一些常见用途和作用：
动态计算长度值：calc(...
yekong
2年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发过程中，需要设置多个背景图，但是设置完成后发现背景图重复了。
多个背景图
background-image: url('./assets/searchbgleft.png'),
url('./assets/searchbg.png'),
url(...
yekong
2年前 (2023-07-19)
喜欢
vue 数据可视化大屏 项目中，按照效果图，需要实现一组气泡效果，气泡内有数字以及标题。
这里我们需要实现这里出气泡的大小，位置以及气泡的颜色等信息。将气泡渲染出来后，为了让页面看起来更生动，我们使用gsap来给组件添加一个上下轻微晃动的效果。
效果截图
效果动画
组件代码
...
yekong
2年前 (2023-07-14)
喜欢
vue 数据可视化大屏 开发中，需要实现横向滚动的效果，除了可以使用鼠标拖动滚动外，还需要可以通过点击按钮实现左右滚动。
效果截图
动态效果
实现代码
/**
* @Author: 858834013@qq.com
* @Name: scrollbar
* @Date: 20...
yekong
2年前 (2023-07-14)
喜欢
在Adobe Photoshop中，你可以将一个图层上的效果复制到其他图层上，以在多个图层上应用相同的效果。以下是一种常用的方法：
在图层面板中，选择包含你想要复制效果的源图层。
在菜单栏中选择"图层（Layer）"，然后选择"样式（Lay...
yekong
2年前 (2023-07-11)
喜欢
微信小程序开发过程中，因为微信版本过低，某些功能不能使用，需要对微信版本进行判断，当微信版本低于某个版本的时候，需要进行提示，告诉用户让用户升级微信app。
判断代码
getVersion() {
var that = this;
// 判断版本
that.version ...
yekong
2年前 (2023-07-10)
喜欢
效果截图
效果动画
要在CSS中实现PNG图片的动态切换效果，你可以使用CSS动画和背景图像切换的技术。下面是一种常见的实现方法：
HTML结构：
<div class="image-container"></div>
CSS样式...
yekong
2年前 (2023-07-10)
喜欢
