摘要： 原理：场景先渲进"数据缓冲"，再用全屏后处理把每个像素"画"成圆珠笔/铅笔笔触。 github：https://github.com/zsj23333/doodleBreak 在线体验：https://zsj23333.github.io/doodleBreak/ 一、两步管线 pass 1 数据缓 阅读全文

摘要： 项目：MF-TurbineMonitor（一个大型涡轮扇叶风力发电机数据大屏案例，Vue3 技术栈，作者 fengtianxi001） GitHub：https://github.com/fengtianxi001/MF-TurbineMonitor 在线体验：https://fengtianxi0 阅读全文

摘要： 一个单文件 HTML，全程序化生成，零外部资源，打开即看。 GitHub地址 https://github.com/zsj23333/dfmz 在线体验 https://zsj23333.github.io/dfmz/ AI 生成的沉浸式滚动体验 通过大模型生成的东方明珠主题沉浸式网站，滚动页面，镜 阅读全文

摘要： 一、核心配置（推荐直接放在 http{} 全局块，所有站点生效） 打开 nginx 主配置文件，一般路径： /etc/nginx/nginx.conf http { # 开启gzip gzip on; # 低于此大小不压缩，单位bytes，建议1k，小文件压缩得不偿失 gzip_min_length 阅读全文

摘要： 一、效果展示及原理概述 1.1 核心思想 3D 热力云图的核心思路是 将 2D 热力图数据转化为 3D 立体效果。整体流程分为三个阶段： 原始数据 → 2D 热力图(heatmap.js) → 纹理贴图 → 3D 几何体顶点位移(Three.js Shader) 1.2 技术架构 技术 作用 hea 阅读全文

摘要： 一、效果展示 扩散波纹动画是一种以场景中心为起点，向外不断扩散的圆形波纹效果，常用于地图中心点、雷达扫描等场景。波纹呈现出柔和的发光效果，由中心向外不断循环扩散。 二、实现原理 2.1 整体架构 扩散波纹动画的实现分为三个核心部分： 平面载体：使用 PlaneGeometry 创建一个足够大的平面， 阅读全文

摘要： 前言 想做一个炫酷的 3D 中国地图，但觉得 Three.js 太难？WebGL 太复杂？GeoJSON 是什么鬼？ 这篇文章教你用 AI 写提示词，零基础也能快速生成一个可交互的 3D 区划地图。不需要手写一行代码，只需要说人话。 最终效果：可拖拽旋转、缩放、鼠标悬停高亮的 3D 中国省份地图。 阅读全文

摘要： 你写的模板，浏览器不认识 用 Vue 写代码的时候，你一定写过这样的模板： <template> <div id="app"> <p>{{ message }}</p> <button @click="handleClick">点击</button> </div> </template> 看起来很直 阅读全文

摘要： 从一段模板说起 <div id="app"> <my-header :title="pageTitle"></my-header> <my-content :posts="posts"></my-content> <my-footer></my-footer> </div> <my-header> 阅读全文

摘要： 操作真实 DOM 有多贵？ 先看一段代码： // 把一个 <div> 的背景色改成红色 document.getElementById('box').style.backgroundColor = 'red' 你觉得这一行代码的执行成本是多少？ 答案远比你想象的复杂： 1. JS 引擎找到 DOM 阅读全文