- 有一天，我突发奇想，想做一个非常简单但美观的应用：「一分钟冥想」。它不需要繁复的交互，也不涉及音频流媒体或账户体系，只是一个安静、优雅的页面，引导用户专注呼吸，放松身心，完成短暂而高效的 60 秒冥想。我把这个想法交给了 CodeBuddy，启动了一个全新的 UniApp 项目，开始了这段愉快的前端实现之旅。 需求分析：越简单的产品越考验设计最初我和 CodeBuddy 明确了目标：打造一个... 有一天，我突发奇想，想做一个非常简单但美观的应用：「一分钟冥想」。它不需要繁复的交互，也不涉及音频流媒体或账户体系，只是一个安静、优雅的页面，引导用户专注呼吸，放松身心，完成短暂而高效的 60 秒冥想。我把这个想法交给了 CodeBuddy，启动了一个全新的 UniApp 项目，开始了这段愉快的前端实现之旅。 需求分析：越简单的产品越考验设计最初我和 CodeBuddy 明确了目标：打造一个...
- 思路 简单实践 第一步 第二步 第三步 为什么选择SVG？ 示例架构图 架构图设计 SVG代码实现 如何使用SVG代码 结论在软件开发中，架构图是一种重要的工具，它帮助我们可视化系统的结构和组件之间的关系。今天，我们将探讨如何使用SVG（可缩放矢量图形）来绘制一个简单的架构图。SVG是一种基于XML的标记语言，用于描述二维矢量图形，非常适合用于创建清晰、可缩放的图形和图表。 思路首先将相关... 思路 简单实践 第一步 第二步 第三步 为什么选择SVG？ 示例架构图 架构图设计 SVG代码实现 如何使用SVG代码 结论在软件开发中，架构图是一种重要的工具，它帮助我们可视化系统的结构和组件之间的关系。今天，我们将探讨如何使用SVG（可缩放矢量图形）来绘制一个简单的架构图。SVG是一种基于XML的标记语言，用于描述二维矢量图形，非常适合用于创建清晰、可缩放的图形和图表。 思路首先将相关...
- 1. SVG 与 AI 的结合：技术价值 2. 技术原理：AI 如何生成 SVG？ 3. 实现步骤：从需求到图形 3.1 定义需求 3.2 使用 AI 生成 SVG 3.3 验证与调整 4. 代码解析：实现科技感的关键 4.1 渐变背景 4.2 网格线条 4.3 发光六边形 4.4 标题样式 5. 优化策略：提升 SVG 质量 6. 应用场景 7. 局限性与应对 8. 结语在现代开发中，S... 1. SVG 与 AI 的结合：技术价值 2. 技术原理：AI 如何生成 SVG？ 3. 实现步骤：从需求到图形 3.1 定义需求 3.2 使用 AI 生成 SVG 3.3 验证与调整 4. 代码解析：实现科技感的关键 4.1 渐变背景 4.2 网格线条 4.3 发光六边形 4.4 标题样式 5. 优化策略：提升 SVG 质量 6. 应用场景 7. 局限性与应对 8. 结语在现代开发中，S...
- 本文首先阐述Leaflet中SVG和Canvas两种模式的原理和Leaflet的相关架构，然后通过实例对比marker的不同规模生成对机器的资源占用，最后使用基于Canvas的技术实现了5W-10W级的点数据展示。 本文首先阐述Leaflet中SVG和Canvas两种模式的原理和Leaflet的相关架构，然后通过实例对比marker的不同规模生成对机器的资源占用，最后使用基于Canvas的技术实现了5W-10W级的点数据展示。
- 本文使用 vue3.js提供的 option-api方式实现 环境 $ node -v v16.14.0 $ pnpm -v 7.4.1 12345 安装依赖 pnpm i -D vite-pl... 本文使用 vue3.js提供的 option-api方式实现 环境 $ node -v v16.14.0 $ pnpm -v 7.4.1 12345 安装依赖 pnpm i -D vite-pl...
- Openlayers 矢量图层是在地图上展示数据，允许实时与数据交互，用户可以上传数据通过空间数据文件，如KML、GeoJSON文件，用户不仅可以在地图上展示自己的数据，还可以指定数据的外观。 一、Vector Layer的特点 在栅格图片里，你所能看到就是你所能得到的信息，在你的地图上添加卫星图片能够看到很多的建筑物，但是建筑物... Openlayers 矢量图层是在地图上展示数据，允许实时与数据交互，用户可以上传数据通过空间数据文件，如KML、GeoJSON文件，用户不仅可以在地图上展示自己的数据，还可以指定数据的外观。 一、Vector Layer的特点 在栅格图片里，你所能看到就是你所能得到的信息，在你的地图上添加卫星图片能够看到很多的建筑物，但是建筑物...
- vue@2 使用 svg-icon：webpack + svg-sprite-loader 项目结构 $ tree -I node_modules . ├── README.md ├── packag... vue@2 使用 svg-icon：webpack + svg-sprite-loader 项目结构 $ tree -I node_modules . ├── README.md ├── packag...
- 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &... 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &...
- 这里教的是一个反爬措施。 我先举个例子。猫眼电影这个就属于font-face拼凑式。 这篇文章我从0开始演示如何制作及应用字符集映射进行数据保护反爬虫！ web-font是CSS3中的一种标记 @f... 这里教的是一个反爬措施。 我先举个例子。猫眼电影这个就属于font-face拼凑式。 这篇文章我从0开始演示如何制作及应用字符集映射进行数据保护反爬虫！ web-font是CSS3中的一种标记 @f...
- SVG,是一种可缩放矢量图形,一种XML应用.可以以一种简洁,可移植的形式表示图形信息. 计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图. 在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接... SVG,是一种可缩放矢量图形,一种XML应用.可以以一种简洁,可移植的形式表示图形信息. 计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图. 在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接...
- 趁记忆还热乎 赶紧过来记录一下自己踩坑的记录 现有的项目是从另一个项目移植过来的, 并不是完全移植 为了减小项目的体积 前端组长将一些暂时用不到的组件 node包都剔除了 这也就引出了一下的问题 今天调试菜单图标的时候 发现项目中菜单的图片渲染用到的是icon... 趁记忆还热乎 赶紧过来记录一下自己踩坑的记录 现有的项目是从另一个项目移植过来的, 并不是完全移植 为了减小项目的体积 前端组长将一些暂时用不到的组件 node包都剔除了 这也就引出了一下的问题 今天调试菜单图标的时候 发现项目中菜单的图片渲染用到的是icon...
- 将svg文件内容转义之后 加上前缀data:image/svg+xml;utf8, 来装载 .el-icon-arrow-down::before { content: url("data:im... 将svg文件内容转义之后 加上前缀data:image/svg+xml;utf8, 来装载 .el-icon-arrow-down::before { content: url("data:im...
- 缩放区域使用的 zoom 这个api https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#_zoom 使用d3.zoom() 创建一个缩放区域，配置... 缩放区域使用的 zoom 这个api https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#_zoom 使用d3.zoom() 创建一个缩放区域，配置...
- SVG（Scalable Vector Graphics）可缩放矢量图形，是一种图像文件格式。目前由于 HarmonyOS 图形渲染引擎不支持 SVG 格式图片的渲染，开发者需要将 SVG 格式的图片文件... SVG（Scalable Vector Graphics）可缩放矢量图形，是一种图像文件格式。目前由于 HarmonyOS 图形渲染引擎不支持 SVG 格式图片的渲染，开发者需要将 SVG 格式的图片文件...
- 最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的一部分。清单1展示了一个例子，它有三个元素，设置为... 最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的一部分。清单1展示了一个例子，它有三个元素，设置为...
上滑加载中
推荐直播
-
昇腾AI算法挑战赛-核心算子如何优化？专家带你深度解析2025/11/17 周一 16:00-17:00
王老师 华为算子专家
昇腾AI算法挑战赛进阶赛战鼓催征！本期直播间，我们特邀华为算子专家王老师，为你深度剖析Matmul、wholereducesum等核心算子的底层原理与优化技巧，直击赛题核心。想提升代码效率、冲击更高排名？锁定直播，带你破局！
回顾中 -
AI编码实干派，“码”力全开2026/02/26 周四 15:00-16:30
谈宗玮/于邦旭/丁俊卿/陈云亮/王一男
【中国，深圳，2026年2月26日】，以“AI编码实干派，码力全开”为主题的华为云码道（CodeArts）代码智能体新春发布会在线上成功召开。华为云码道公测版正式发布，为开发者和企业提供具备工程化能力的智能编码解决方案。
回顾中 -
华为云码道-玩转OpenClaw，开启在线养虾模式2026/03/11 周三 19:00-20:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中
热门标签