XXTZ徐徐图之-CSDN博客

原创认识 Tabbit- 您的智能 GUI助手

Tabbit 是一款智能 GUI 助手，专为帮助您完成各种网页浏览任务而设计。它能够理解您的指令，自动分析网页结构，并执行相应的操作来完成任务。

2026-04-10 16:55:29 380

这是我的第一篇技术博客。## 学习经历作为一名开发者，我深知持续学习的重要性。技术的更新迭代非常快，只有不断学习才能跟上时代的步伐。### 主要收获1. **坚持实践**：理论知识需要通过实际项目来巩固2. **善于总结**：记录学习笔记，形成知识体系3. **交流分享**：与他人讨论可以开阔思路## 技术栈- 前端开发：HTML, CSS, JavaScript- 后端开发：Java, Python- 数据库：MySQL, MongoDB## 结语希望这篇博客能对大家有所帮助。

2026-04-10 16:45:13 15

原创【万字对比】Vue CLI vs Vite 核心区别：从原理到实战，一文选对构建工具

核心区别：Vue CLI 基于 Webpack 打包式构建（开发慢），Vite 基于 ESModule 非打包式构建（开发极速）；选型原则：新项目优先选 Vite（Vue 3），老项目（Vue 2）可保留 Vue CLI，需深度定制 Webpack 时选 Vue CLI；核心优势：Vite 解决了 Vue CLI 「开发启动慢、热更新慢」的核心痛点，是 Vue 3 时代的主流选择；生态兼容：Vue CLI 兼容所有 Webpack 插件，Vite 生态正在快速完善，主流需求均有对应插件。

2026-03-09 17:22:59 496

原创【全场景解析】JavaScript 中 Array.map () 函数的所有使用方法

核心用法：map() 接收回调函数，遍历数组并返回长度相同的新数组，核心参数是（当前元素）和index（索引）；高频场景：数值/字符串转换、对象数组属性提取、DOM 列表渲染、嵌套数组处理；避坑要点：必须写 return、不修改原数组的引用类型元素、非转换场景用 forEach() 替代；进阶技巧：链式调用（map+filter/reduce）、处理类数组对象（call 调用）。

2026-03-09 15:50:26 351

原创一文吃透 React Context：createContext、useContext 核心原理与写法解析

很多刚接触 React 的同学都会困惑：Context 到底是啥？为什么要用标签包裹？和缓存有什么区别？本文用最通俗的语言 + 实战对比，一次性讲透 React 上下文机制。

2026-02-28 10:11:10 561 1

原创 ECharts中center与layoutCenter的区别与应用详解

在ECharts的地理坐标系（`geo`）配置中，`center`和`layoutCenter`是两个常被混淆的配置项，它们在功能和应用场景上存在本质区别。本文将深入解析两者的核心差异及实际应用场景。

2025-09-05 14:28:57 628

原创 Emmet 语法完全指南：快速生成 HTML/CSS 代码

Emmet语法指南：高效生成HTML/CSS代码的必备工具。通过基础元素生成、符号功能（*重复、[]属性、{}文本）、结构操作（父子>、兄弟+、分组()）快速构建复杂结构。支持CSS简写（m10→margin:10px）和主流编辑器（VSCode/Sublime/WebStorm）。实战案例展示如何生成产品卡片等组件，开发效率提升5倍以上。附进阶对照表，包含隐式标签、自增计数、HTML5文档结构等技巧，是前端开发的高效利器。

2025-08-14 16:18:06 245

原创 JavaScript reduce 方法详解攻略

JavaScript 的 reduce 方法是数组处理中的强大工具，能够将数组元素累积计算为单一值。其基本语法为 arr.reduce(callback, initialValue)，通过回调函数实现累加逻辑。常见应用场景包括数组求和、求平均值、找极值、对象数组处理、数组去重和分组等高级操作。使用 reduce 时需注意初始值的设置，避免空数组返回 undefined，同时注意对象操作的深拷贝问题。该方法灵活高效，能实现 map、filter 等功能的组合，是开发者必须掌握的高阶函数之一。

2025-08-14 11:17:19 1333

原创 ECharts 中 tooltip.formatter 的 params 参数详解与自定义提示框实现

本文详细介绍了ECharts中tooltip.formatter函数的params参数及其应用。params对象包含数据点的轴属性、样式属性、组件属性和数据属性，用于自定义提示框内容。重点讲解了如何通过dataIndex关联额外信息数组，实现单系列数据中显示多维度信息（如温度、降雨量等）。示例代码展示了如何通过索引将主数据与额外信息关联，在不修改主数据结构的情况下扩展提示内容。这种方法适用于需要展示多维度数据但主图表仅显示单一指标的场景。

2025-08-11 14:43:09 1660

原创 ECharts title组件：text与subtext能否在同一水平线？

ECharts 标题自定义实现方案默认标题行为：主副标题（text/subtext）默认垂直排列，通过源码确认无水平对齐参数替代方案：关闭默认标题后使用graphic组件自定义实现要点：通过group组合多个text元素外层定位基于图表容器内层元素相对定位（需响应式调整间距）优势：完全控制样式和布局，支持响应式设计注：此方案适用于需要精细控制标题样式的场景，但需自行处理定位计算。

2025-08-08 16:23:44 699

m0_61621356的博客