- 3D 零基础入门 · 第 2 章：坐标系——顶点站在哪儿第 1 章我们知道了：模型 = 一堆顶点 + 一堆三角形。这一章回答：顶点的坐标 (x, y, z) 到底是什么意思？模型放进场景里，怎么知道"脸朝哪、脚站哪、多大"？ 2.1 三维坐标：给空间画一张格子纸想想初中数学的坐标系：一条横轴 x，一条竖轴 y，一个点用 (x, y) 表示。3D 只是多了一条轴：轴方向类比X左右东西方向Y上... 3D 零基础入门 · 第 2 章：坐标系——顶点站在哪儿第 1 章我们知道了：模型 = 一堆顶点 + 一堆三角形。这一章回答：顶点的坐标 (x, y, z) 到底是什么意思？模型放进场景里，怎么知道"脸朝哪、脚站哪、多大"？ 2.1 三维坐标：给空间画一张格子纸想想初中数学的坐标系：一条横轴 x，一条竖轴 y，一个点用 (x, y) 表示。3D 只是多了一条轴：轴方向类比X左右东西方向Y上...
- 电脑里的 3D 模型，不是”一块一块的砖”，而是一堆极其细小的三角形。就像：像素画不是一笔一画画的，而是一个个小方格涂出来的。3D 模型不是捏出来的，而是一堆小三角形拼出来的。你平时刷到的”低模”角色（比如我们项目里这个人物）其实皮肤、衣服、剑，全是三角形拼的。1.2 从最小的积木开始：点 → 线 → 三角形在 3D 的世界里，往下拆，只有三样东西：顶点Vertex（复数 Vertices）... 电脑里的 3D 模型，不是”一块一块的砖”，而是一堆极其细小的三角形。就像：像素画不是一笔一画画的，而是一个个小方格涂出来的。3D 模型不是捏出来的，而是一堆小三角形拼出来的。你平时刷到的”低模”角色（比如我们项目里这个人物）其实皮肤、衣服、剑，全是三角形拼的。1.2 从最小的积木开始：点 → 线 → 三角形在 3D 的世界里，往下拆，只有三样东西：顶点Vertex（复数 Vertices）...
- 作品简介：可视化编辑线性、径向与锥形渐变，实时预览并生成可复制的 CSS 代码CSS 渐变生成器（Gradient Generator）可视化编辑线性、径向与锥形渐变，并实时生成可直接粘贴使用的 CSS 代码。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有计算在浏览器本地完成。功能特性三种渐变类型：线性 linear-gradient、径向 radial-gra... 作品简介：可视化编辑线性、径向与锥形渐变，实时预览并生成可复制的 CSS 代码CSS 渐变生成器（Gradient Generator）可视化编辑线性、径向与锥形渐变，并实时生成可直接粘贴使用的 CSS 代码。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有计算在浏览器本地完成。功能特性三种渐变类型：线性 linear-gradient、径向 radial-gra...
- 作品简介：按 WCAG 计算前景与背景对比度，判定 AA/AAA 等级并推荐文本色颜色对比度检查器（WCAG Contrast Checker）按 WCAG 2.1 计算前景色与背景色对比度、判定可读性等级的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有计算在浏览器本地完成。功能特性对比度计算：依据 WCAG 2.1 相对亮度公式，输出 1:1 至 2... 作品简介：按 WCAG 计算前景与背景对比度，判定 AA/AAA 等级并推荐文本色颜色对比度检查器（WCAG Contrast Checker）按 WCAG 2.1 计算前景色与背景色对比度、判定可读性等级的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有计算在浏览器本地完成。功能特性对比度计算：依据 WCAG 2.1 相对亮度公式，输出 1:1 至 2...
- 作品简介：CSS 长度单位 px/rem/em/pt/vw 等互转，根字号与视口基准可调CSS 单位换算器（CSS Unit Converter）在 px、rem、em、pt、pc、in、cm、mm、vw、vh、% 之间互转的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有换算在浏览器本地完成。功能特性11 种单位互转：px、rem、em、pt、pc、i... 作品简介：CSS 长度单位 px/rem/em/pt/vw 等互转，根字号与视口基准可调CSS 单位换算器（CSS Unit Converter）在 px、rem、em、pt、pc、in、cm、mm、vw、vh、% 之间互转的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有换算在浏览器本地完成。功能特性11 种单位互转：px、rem、em、pt、pc、i...
- 作品简介：粘贴 JSON 自动生成 TypeScript 接口，数组合并与嵌套提取JSON 转 TypeScript 类型生成器（JSON to TS）把 JSON 数据一键转换为 TypeScript 接口/类型定义的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有转换在浏览器本地完成，数据不出本机。功能特性类型推断：字符串 → string，数字 →... 作品简介：粘贴 JSON 自动生成 TypeScript 接口，数组合并与嵌套提取JSON 转 TypeScript 类型生成器（JSON to TS）把 JSON 数据一键转换为 TypeScript 接口/类型定义的网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有转换在浏览器本地完成，数据不出本机。功能特性类型推断：字符串 → string，数字 →...
- 作品简介：HTML 实体与 JS 字符串、Unicode 码点双向转义，浏览器本地处理文本转义工具箱（Escape Toolbox）HTML 实体、JavaScript 字符串、Unicode 码点三合一的文本双向转义网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有转换在浏览器本地完成，数据不出本机。功能特性HTML 实体转义：& ` " ' 五个危险字... 作品简介：HTML 实体与 JS 字符串、Unicode 码点双向转义，浏览器本地处理文本转义工具箱（Escape Toolbox）HTML 实体、JavaScript 字符串、Unicode 码点三合一的文本双向转义网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有转换在浏览器本地完成，数据不出本机。功能特性HTML 实体转义：& ` " ' 五个危险字...
- 从零构建广西山水景点导览小工具：技术路线、实战心得与优化思考本文记录了"广西山水景点导览"小工具的完整开发过程，分享技术选型思路、实战中踩过的坑、以及对未来优化的思考。这是一个纯前端、零依赖的单页应用，但"小"不代表"简单"——每一个设计决策背后都有取舍。 一、技术路线：为什么选择"零依赖" 1.1 需求分析项目的核心需求很明确：展示广西15个代表性山水景点，支持筛选、搜索、查看详情和路线... 从零构建广西山水景点导览小工具：技术路线、实战心得与优化思考本文记录了"广西山水景点导览"小工具的完整开发过程，分享技术选型思路、实战中踩过的坑、以及对未来优化的思考。这是一个纯前端、零依赖的单页应用，但"小"不代表"简单"——每一个设计决策背后都有取舍。 一、技术路线：为什么选择"零依赖" 1.1 需求分析项目的核心需求很明确：展示广西15个代表性山水景点，支持筛选、搜索、查看详情和路线...
- 作品简介：CSV 与 JSON 双向转换，引号转义、字段内换行与多分隔符识别，本地处理CSV ⇄ JSON 转换器（CSV / JSON Converter）表格数据 CSV 与 JSON 双向互转的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，解析与转换全部在浏览器本地完成，数据不出本机。功能特性双向转换：CSV → JSON 与 JSON → CS... 作品简介：CSV 与 JSON 双向转换，引号转义、字段内换行与多分隔符识别，本地处理CSV ⇄ JSON 转换器（CSV / JSON Converter）表格数据 CSV 与 JSON 双向互转的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，解析与转换全部在浏览器本地完成，数据不出本机。功能特性双向转换：CSV → JSON 与 JSON → CS...
- Playwright MCP 不依赖截图，而是基于无障碍树解析页面结构，让 Copilot 自动生成精准视觉回归脚本。它自动识别动态区域（时间、价格等）并生成 mask 列表，结合 `maxDiffPixelRatio` 与 `maxDiffPixels` 分层容差，确保版式变更可检、数据变动不误报。 Playwright MCP 不依赖截图，而是基于无障碍树解析页面结构，让 Copilot 自动生成精准视觉回归脚本。它自动识别动态区域（时间、价格等）并生成 mask 列表，结合 `maxDiffPixelRatio` 与 `maxDiffPixels` 分层容差，确保版式变更可检、数据变动不误报。
- 用Leaflet.js零API Key打造海南环岛旅游地图——技术路线、实战心得与优化思考作者：Eddygit日期：2026-09-10项目：海南省环岛公路旅游景点地图仓库：https://gitcode.com/Eddygit/hainan-ring-road-map 前言海南环岛高速公路（G98）全长约612公里，是中国唯一的热带海岛环岛高速。沿线分布着从海口骑楼老街到三亚天涯海角、从... 用Leaflet.js零API Key打造海南环岛旅游地图——技术路线、实战心得与优化思考作者：Eddygit日期：2026-09-10项目：海南省环岛公路旅游景点地图仓库：https://gitcode.com/Eddygit/hainan-ring-road-map 前言海南环岛高速公路（G98）全长约612公里，是中国唯一的热带海岛环岛高速。沿线分布着从海口骑楼老街到三亚天涯海角、从...
- 作品简介：SQL 一键美化排版，关键字对齐子句断行括号缩进，字符串注释智能保护，可复制SQL 格式化器（SQL Beautifier）将杂乱的单行/多行 SQL 一键美化为规范排版（关键字对齐、子句换行、括号缩进）的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，词法解析与排版全部在浏览器本地完成。功能特性子句断行对齐：SELECT / FROM / W... 作品简介：SQL 一键美化排版，关键字对齐子句断行括号缩进，字符串注释智能保护，可复制SQL 格式化器（SQL Beautifier）将杂乱的单行/多行 SQL 一键美化为规范排版（关键字对齐、子句换行、括号缩进）的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，词法解析与排版全部在浏览器本地完成。功能特性子句断行对齐：SELECT / FROM / W...
- 作品简介：8 种命名风格实时互转，智能拆词一键复制，纯前端零依赖单文件工具命名风格转换器（Case Converter）变量名、数据库表名、CSS 类名、接口字段命名风格一键互转的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，全部转换在浏览器本地完成。功能特性8 种命名风格实时互转：camelCase、PascalCase、snakecase、CONS... 作品简介：8 种命名风格实时互转，智能拆词一键复制，纯前端零依赖单文件工具命名风格转换器（Case Converter）变量名、数据库表名、CSS 类名、接口字段命名风格一键互转的轻量网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，全部转换在浏览器本地完成。功能特性8 种命名风格实时互转：camelCase、PascalCase、snakecase、CONS...
- 纯前端 SPA 首屏白屏、搜索引擎抓不到内容。用 Next.js 的 SSR/SSG 把页面在服务端渲染成完整 HTML，爬虫友好、首屏更快，这篇从路由到数据获取讲透。 纯前端 SPA 首屏白屏、搜索引擎抓不到内容。用 Next.js 的 SSR/SSG 把页面在服务端渲染成完整 HTML，爬虫友好、首屏更快，这篇从路由到数据获取讲透。
- 从零构建「历史时间轴」小工具：技术路线、实战心得与优化思考作者：Eddygit日期：2026-09-07标签：前端开发、教育工具、原生JS、历史可视化 一、为什么做这个工具？高中历史学习有一个普遍痛点：中外历史事件散落在不同章节，学生很难建立横向时间关联。比如公元前221年秦始皇统一中国时，罗马正在布匿战争中；1840年鸦片战争爆发时，英国维多利亚时代刚步入鼎盛。这些同时期发生的中外大事，... 从零构建「历史时间轴」小工具：技术路线、实战心得与优化思考作者：Eddygit日期：2026-09-07标签：前端开发、教育工具、原生JS、历史可视化 一、为什么做这个工具？高中历史学习有一个普遍痛点：中外历史事件散落在不同章节，学生很难建立横向时间关联。比如公元前221年秦始皇统一中国时，罗马正在布匿战争中；1840年鸦片战争爆发时，英国维多利亚时代刚步入鼎盛。这些同时期发生的中外大事，...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签