倔强的马户-优快云博客

原创 Vue3+Vite+TS+ESLint+Prettier搭建后台管理系统（二）

本文详细介绍了Vue3组件库的基础结构搭建过程。主要内容包括：1）创建标准目录结构，包含组件、类型定义和样式目录；2）安装Sass预处理器；3）编写示例Button组件，实现Props验证、事件处理和样式封装；4）配置组件注册和统一导出逻辑；5）添加项目构建、测试、文档等相关脚本命令；6）测试组件功能并解决常见问题。文章提供了完整的代码示例和配置说明，为开发者搭建Vue3组件库提供了实用指南。

2025-12-29 13:38:21 378

原创 Vue3+Vite+TS+ESLint+Prettier搭建后台管理系统（一）

本文详细介绍了使用Vite+Vue3+TS搭建组件库项目的基础配置流程。主要内容包括：1) 环境准备（Node.js v20+和pnpm）；2) 项目初始化与核心依赖安装；3) 配置ESLint进行代码规范检查；4) 集成Prettier实现代码格式化；5) TypeScript和Vite的适配配置。文章重点讲解了ESLint的扁平化配置方式、Prettier规则定制以及组件库开发的特殊配置需求，为后续组件开发、测试和文档建设奠定了基础。

2025-12-23 11:07:10 617

原创 Git的这15个功能，拉开你与其他程序员的差距

会用分支隔离开发风险，用Stash应对临时切换需求，懂Merge和Rebase的取舍，用Cherry-Pick精准修复问题，靠Reflog挽救误操作，用Reset和Amend优雅管理提交，借Blame、Diff、Log追溯和校验代码，用Tag和.gitgnore规范项目管理，靠Hooks自动化管控质量。核心用途是排查问题时，了解代码的设计背景，或找到相关逻辑的原作者沟通细节，是团队协作中追溯历史的实用工具，用它查历史、找原因、而非追究责任，才是团队协作的正确方式。确认修改无用需彻底删除用 --hard。

2025-12-19 10:49:43 656

原创 CSS3栅格布局教程

Grid Layout布局又称网格布局，是一种强大得布局模型，用于创建复杂得二维布局。它允许你将页面分成多个区域，并通过这些区域来放置内容。网格布局通过定义网格容器（grid container）和网格项（grid items）来实现，其中每个网格项可以被放置在网格得任何位置。css网格布局提供了非常灵活和强大的方式来设计复杂页面布局。通过合理使用网格线、轨道和项的定位属性，你可以创建响应式且易于维护的布局。随着你对网格布局的深入理解，你将能够创建更加复杂和动态的网页设计。

2025-11-26 14:23:31 260

原创 vue3项目中通过Fetch API实现流式读取具体实现，以及其他可选方案

公司需求是在PC端后台系统实现一个智能问答功能，类似于阿里《析言GBI》一样的功能，在获取结果的步骤中有通过后端流式返回的sql语句，以及分析结果，前端需要流式接收后端数据，之后在前端拼接好之后在页面中显示。方案三：使用 Server-Sent Events (SSE)方案五：可复用的 Composition API 实现。方案一：Fetch API实现。方案二：使用 WebSocket 实现实时流。方案四：大文件分块读取。

2025-07-16 16:55:54 626

原创 JavaScript第一课

变量声明之后，如果没有赋值，当前值为undefined，如果想给变量赋值，需要使用 = 号，var age;- 引用数据类型存储在堆内存中，每次创建一个新对象，会在队中创建一个新的存储空间，当前定义的变量存的其实是指向该内存的内存地址，如果两个对象保存同一个引用地址，当修改其中一个对象的属性值，那么另一个对象的属性值也会跟随改变。1、JS变量：可用于存放值（x=5）或表达式（a=b+c），变量可以使用短名称（比如：x，y）这种，也可以使用表述性更强的名称（比如：age、name、sex......）

2025-07-16 15:25:11 289

原创前端性能优化：图片用＜img＞标签还是 CSS 背景图？核心对比与实战建议

在前端开发中，图片展示是页面性能优化的关键环节。使用 <img> 标签还是 CSS 的 background-image 属性？这个问题看似简单，实则需结合加载顺序、资源合并、SEO 等多维度权衡。本文从性能角度出发，深入对比两种方案的优劣，并提供实战优化建议。

2025-04-18 00:42:35 1005

chj888_的博客