- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue3自定义图标组件（Font Awesome)
本文介绍了如何在Vue项目中封装FontAwesome图标组件。首先通过npm安装@fortawesome/fontawesome-free包，然后创建Icon.vue组件，支持设置图标名称、大小、颜色和自定义类名。在main.js中全局注册组件并引入CSS样式，最后通过示例展示了如何使用该组件显示不同类型的FontAwesome图标（solid、regular、brands）。组件支持数字或字符串形式设置大小，并提供了图标库官网链接方便查找图标名称。
2025-11-28 09:12:34
263
原创 Vue自定义组件查看/折叠显示(Tailwindcss+Font Awesome)
本文介绍了如何使用Tailwind CSS实现文本展开/收起功能。首先安装Tailwind CSS并配置tailwind.config.js文件，添加line-clamp模式支持。然后创建一个可复用的ShowMore组件，通过maxRows属性控制折叠行数，提供展开/收起按钮及图标自定义功能。组件利用line-clamp-${maxRows}类实现文本折叠，并添加透明遮罩增强交互体验。只需传入长文本即可实现展开收起效果，适用于需要内容截断展示的场景。
2025-11-27 09:38:49
57
原创 前端版本检测工具（检测hash、css）
前端版本检测工具通过轮询检测静态资源Hash变化来判断更新。该工具定期拉取首页HTML，提取JS/CSS文件Hash值进行比对，发现变化时触发onUpdate回调，未变化时触发onNoChange。支持配置检测间隔（默认60秒）和取消后自动恢复时间（默认5分钟）。提供控制器对象可暂停、恢复或强制检测。首次初始化仅记录初始Hash，避免立即触发更新提示。采用无缓存请求确保获取最新资源，适合SPA应用版本更新检测场景。
2025-11-27 09:26:45
116
原创 前端格式化金额
JavaScript提供了多种金额格式化方法：1. 使用Intl.NumberFormat构造函数，通过指定语言环境和选项参数实现货币格式化；2. 使用toLocaleString方法，可自定义货币符号、小数位数等格式；3. 结合toFixed和正则表达式手动添加千位分隔符。这些方法都能实现金额的本地化显示，但需注意浏览器兼容性问题。例如美元格式输出为"$1,234,567.89"，人民币格式输出为"￥1,234,567.89"。开发者可根据需求选择最适合的格式化方式。
2025-11-26 15:22:45
348
原创 在没有后端配合的情况下获取服务器时间
HTTP Header 中有一个字段叫做 Date，它的格式是 RFC 1123，也就是 Fri, 30 Sep 2022 02:30:19 GMT，这个时间是服务器的时间，我们可以直接从 HTTP Header 中获取这个时间，然后前端直接使用这个时间即可。我们知道，本地时间和 GMT 时间是有区别的，比如北京时间和 GMT 时间的区别是 8 小时，那么我们如何获取本地时间和 GMT 时间的区别呢？成本地时间，因为我们前端的时间是本地时间，如果不转换，那么前端的时间就会和服务器的时间不一致。
2025-11-26 15:15:13
434
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人