组件 分类下的文章
组件安装
本文介绍了 liyao-vue-common 上传组件库的安装方法和使用方式。组件库基于 Vue 3 和 Element Plus，支持通过 pnpm 安装。用户可以选择全局引入或按需引入组件，文中提供了详细的代码示例，便于开发者快速集成上传功能。整体内容简洁明了，适合前端开发者参考使用。
基于本库开发新组件
本文介绍了基于现有组件库开发新组件的详细指南。首先需要在指定目录创建新组件，然后在入口文件中导入并注册该组件。接着，在类型声明文件中四个关键位置添加新组件的类型定义，确保类型安全。最后，更新版本号并发布新版本，实现组件的正式上线。该流程确保新组件能够被正确识别和使用。
vue3组件封装
本文详细讲解了 Vue 3 组件封装的全过程，包括创建项目结构、编写动态插槽和普通组件、配置构建工具、构建项目、发布到 npm 以及组件的使用方法。特别强调动态插槽组件的灵活性和普通组件的扩展性，同时提醒开发者注意样式隔离、文档完善、版本管理和测试，帮助开发者高效打造可复用的 Vue 3 组件库。
Hooks封装
本文详细讲解了使用 Vue 3 Composition API 封装 Hooks 的步骤，包括项目初始化、编写 Hooks、配置构建工具、构建项目、发布到 npm 以及在其他项目中安装使用的方法。文中还强调了命名规范和发布时的关键配置，旨在帮助开发者方便地复用组件逻辑并共享代码。
正则校验
本文介绍了一个名为regular-plus的正则校验库，详细说明了其安装、使用方法及支持的多种校验类型。库内置了丰富的正则表达式用于校验邮箱、URL、日期、身份证号等多种格式，同时支持自定义和扩展文件类型及其扩展名。通过示例展示了如何在Vue和Element Plus环境中集成上传文件的类型校验，提升文件上传的安全性和用户体验。该库适合需要多样格式验证和灵活扩展的前端开发场景。
nginx常用配置
本文详细介绍了nginx服务器的多项常用配置技巧，涵盖HTTPS安全配置、静态资源gzip压缩、HTTP向HTTPS的重定向、缓存时间设置及防止非法访问目录文件的措施，以及防盗链的实现方法。通过合理配置，可以提升服务器安全性、性能和资源访问控制，适合广大运维人员参考使用。
uploadLocal使用
本文介绍了uploadLocal文件上传组件的功能和使用方法。该组件支持导入文件处理函数，允许设置文件类型和大小限制，并且通过插槽机制支持自定义上传按钮和界面。文中提供了多种示例，包括基础用法、带参数配置和自定义按钮，以及如何用uploadLocal实现类似uploadCos的拖拽上传UI。整体来看，uploadLocal组件灵活且易用，适合多样化的文件上传需求。