Bruce__taotao的博客

ZXing是一个开源的1D/2D条码处理库，支持多种编程语言和20+种条码格式。核心功能包括条码的编码（生成）和解码（识别）。支持的1D条码有UPC-A/EAN-13等13种，2D条码包括QR Code/Data Matrix等7种。JavaScript版本@zxing/library提供从图像/摄像头/Canvas解码以及生成二维码的能力。典型应用场景涵盖零售、物流、医疗等领域，具有跨平台、多格式支持等特点。

本文介绍了前端项目中的代码质量检查与格式化工具使用指南，包括ESLint、Prettier和Stylelint的配置与命令详解。主要涵盖各工具的自动修复和检查命令，如npm run lint、npm run format及其对应的:check版本。提供了日常开发、提交代码前和CI/CD等典型场景下的使用建议，并列出了各命令的参数说明与适用场景对比表。推荐工作流建议开发时结合编辑器自动格式化，提交前手动运行所有检查命令确保代码质量。

Vite配置与构建优化指南摘要：本文系统介绍了Vite的核心配置项及优化策略，重点解析了插件系统、依赖预构建、路径解析等关键配置，特别标注了uni-app项目的特殊注意事项。在构建优化方面，从构建速度、产物体积和性能分析三个维度，详细阐述了依赖预构建、代码分割、资源压缩等实用技巧，并提供了可视化分析、缓存利用等最佳实践方案。文章还针对不同部署环境和特殊场景给出了具体解决方案，帮助开发者显著提升开发体验和应用性能。

浏览器通过CSS的@font-face规则按需加载字体文件，智能匹配font-weight属性。其核心流程包括：解析@font-face注册字体、构建渲染树时匹配样式、按需下载未缓存字体。匹配机制优先精确对应字重，若无则按规则回退到最接近字重或合成伪粗体。优化建议：明确定义所有字重的@font-face规则、使用WOFF2格式、设置font-display:swap避免加载阻塞。开发者需完整配置字体家族，浏览器才能精准加载对应字重文件。

本文介绍了将SCSS迁移至原子化CSS（UnoCSS）的三种方案。方案一采用混合模式，保留语义化SCSS类名，通过@apply指令应用UnoCSS；方案二创建语义化组件类，内部集成UnoCSS；方案三使用CSS变量与语义化类名结合的方式。三种方案均提供了代码示例，展示了如何重构页面组件样式，包括布局、导航栏、成员卡片等元素的样式处理，兼顾了可读性与原子化CSS的优势。

文章摘要： 本文介绍如何通过自定义ESLint规则实现项目架构约束，禁止页面层直接调用数据服务层。以uni-app项目为例，团队要求视图层(pages/)禁止直接导入服务层(services/)，必须通过状态管理层调用。实现步骤包括：1. 创建规则文件no-service-import-in-pages.js，通过AST分析检测违规导入；2. 在ESLint配置中注册该规则。当开发者在页面层直接导入服务时，ESLint会立即报错提示。该方案有效维护代码分层，提升项目可维护性。（150字）

ESLint红色下划线实现机制解析： 核心流程：代码变更触发毫秒级响应，经过解析器生成AST，规则引擎深度遍历检查，最终生成错误诊断信息。 关键技术： 解析器分层处理不同文件（Vue/TS/JS） AST转换实现精准代码分析 200+内置规则覆盖质量/风格/安全等维度 编辑器整合：通过LSP协议传递诊断结果，VSCode渲染红色下划线并支持快速修复。整个过程涉及操作系统监控、语言服务器、多插件协同等现代IDE核心技术。 （字数：149）

本文介绍了如何解决ESLint和Prettier在Vue和TypeScript文件中的配置冲突问题。通过采用"分而治之"的策略，将配置拆解为多个独立模块，形成一条"流水线"处理流程：首先全局忽略不需要检查的文件，然后加载TS和Vue的推荐规则，再添加自定义规则，接着针对Vue文件设置专用解析器（Vue解析器处理外层，TS解析器处理script标签内容），最后用Prettier统一格式化风格。这种模块化配置方式解决了文件类型差异带来的解析问题，避免了工具间的规则冲突，实