分享技术 · 记录生活 · 探索未知

小白龙博客

103 文章 48 标签

记录技术与生活

云服务器限时爆款《2核4G 200M 》198块钱1年

香港云服务器限时爆款

置顶限时优惠· 2022年5月24日· 2417

阿里图标动态化导入

本文介绍在Vue项目中动态加载阿里图标库的方法。通过接口获取CDN地址并解析字体ID，动态插入脚本加载资源。随后封装BaseIcon组件，兼容svg-和icon-前缀，自动匹配对应渲染逻辑，实现图标按需加载与统一调用。

Vue3· 2025年8月6日· 483

v-html使用img点击实现放大效果

本文介绍在Vue中使用v-html渲染富文本时，通过正则提取图片地址并监听点击事件，结合Element UI的ElImageViewer组件实现图片点击放大预览功能。代码包含图片列表解析、下标定位及滚动锁定处理，解决了动态HTML中图片交互的常见需求。

Vue2 生态· 2023年1月10日· 1619

gitignore 配置规则

开发环境· 2022年7月16日· 583

Compressor.js前端图片压缩

本文介绍如何在Vue3项目中集成Compressor.js实现前端图片压缩。通过npm安装依赖后，监听文件选择事件，配置压缩质量参数，将处理后的图片转换为FormData并通过Axios上传至服务器，同时包含错误处理逻辑，帮助开发者快速落地图片上传优化方案。

JavaScript插件· 2022年8月1日· 1053

Git常用命令

本文系统梳理了Git常用命令，涵盖代码库初始化、文件增删、提交管理、分支操作、标签处理、信息查询及远程同步等核心功能，并附带撤销修改与常见问题解决方案，旨在提供一份实用的开发参考指南。

开发环境· 2022年7月19日· 1340

Echarts组件简单封装

本文介绍Echarts在Vue中的封装实践。首先提供基于Options API的基础组件示例，随后展示Vue 3组合式API版本。该版本采用按需引入策略以优化性能，并通过监听配置项变化实现图表动态更新与响应式适配，旨在简化图表复用流程。

JavaScript插件· 2022年11月23日· 649

Dayjs日期处理类库

本文介绍轻量级日期库 Dayjs 的安装及全局挂载方法，详细列出各类解析标记，展示时间戳转换与自定义格式化技巧，并提供基于公司项目需求的二次封装代码示例，帮助开发者高效处理前端日期逻辑。

JavaScript插件· 2022年7月17日· 769

Nginx常用配置

开发工具· 2022年7月25日· 913

Nuxt4最强SEO攻略

本文介绍 Nuxt4 优化 SEO 的实用技巧。首先推荐使用 useFetch 实现服务端渲染，确保爬虫可解析 HTML。其次通过 useServerSeoMeta 精准配置 TDK 信息。此外，列出百度、谷歌等主流搜索引擎的站点地图提交入口，并建议利用 PageSpeed Insights 检测工具提升网站性能评分，全方位改善搜索引擎排名。

Vue3 生态· 2025年1月25日· 471