❆VE❆-CSDN博客

本文介绍了使用Sass和CSS3实现星空特效的方法。通过创建多层div元素，利用Sass函数动态生成随机分布的星星（box-shadow），并添加向上移动的动画效果。近景层星星较大、移动较快，远景层星星较小、移动较慢，形成视觉深度。使用::after伪元素解决动画留白问题，同时添加渐变色文字标题。完整代码可直接复制使用，包含5个星空层和文字特效，通过调整参数可自定义星星数量和动画速度。

2025-09-20 22:33:51 368

原创前端通过地址生成自定义二维码实战（带源码）

本文介绍如何使用qrcode.js实现前端二维码生成器。通过封装Vue组件，只需传入地址即可生成二维码，支持自定义尺寸和颜色配置。组件基于qrcode.js无依赖库开发，支持多浏览器，可轻松集成到项目中。文中提供完整代码示例，包括二维码生成、弹窗展示等功能，并建议可扩展输入框地址校验等增强功能。该方案简单易用，适用于各类需要二维码展示的前端场景。

2025-09-15 21:05:00 573

原创 CSS视差旋转动效实战

本文介绍如何使用CSS实现视差旋转动效，提升网页高级感。通过网格布局创建3x3容器，为5个子项分配不同区域。使用CSS动画让容器和图片分别进行正反360度旋转（8秒/圈），形成视差效果。核心代码包括网格模板定义、图片样式调整和旋转动画关键帧设置，实现简单但视觉效果突出的动态展示。

2025-09-15 21:04:18 394

原创【常见方法】数字魔法：用三行js代码优雅实现千分符格式化

在处理大数字时，可读性是一个常见的痛点。本文介绍了一种优雅的解决方案，仅用三行代码实现千分符格式化，让数字瞬间变得清晰易读。通过正则表达式的巧妙应用，这段代码能够处理整数和带小数的数字，并支持多种应用场景，如金融数据展示和统计报表。文章详细解析了代码的逻辑，并展示了如何通过简单的修改扩展其功能。无论你是前端开发者还是数据分析师，这段代码都能为你的项目增添一份专业感，同时提升数字的可读性和用户体验。

2025-04-12 17:57:18 511

原创【组件封装】致敬 Ant Design：vue用原生代码打造一个 Tab 组件，不输专业级框架！(满足基本功能，去掉antd造成tab抖动、闪动的动画)

用原生代码能不能打造出一个既炫酷又实用的 Tab 组件!开箱即用!!

2025-04-09 09:20:23 1452

原创【vue】slot插槽：灵活内容分发的艺术

入探讨 Vue 插槽的原理、使用方法、应用场景以及一些扩展技巧，帮助大家更好地理解和运用这一特性。

2025-04-09 09:15:03 1197

原创【组件封装-优化】vue+element plus:二次封装select组件，实现下拉列表有分页、自定义是否可搜索的一系列功能

vue+element plus:二次封装select组件，实现下拉列表有分页、自定义是否可搜索的一系列功能

2025-04-08 14:46:08 1135

原创【vue】v-bind=“$attrs“理解与使用

主要针对v-bind="$attrs"理解与使用

2025-04-08 14:42:42 1231

原创【工具分享】vscode+deepseek的接入与使用

deepseek分享，主要实现vscode+deepseek的接入与使用

2025-03-20 15:42:41 1675

原创 vue3:一文理解h函数的使用

该篇主要时介绍vue中的h函数，原理、语法、样例

2025-03-10 15:35:35 1010

原创 iframe: 通过postMessage实现父子页面通信

在前端开发中，跨域是一个常见的问题，由于同源策略的限制，浏览器不允许在不同源的页面之间直接进行通信。解决跨域问题有多种方式，其中一种常用的方式是使用postMessage。它是HTML5引入的一种跨文档通信的机制，可以在不同的窗口或框架之间传递数据，即使这些窗口或框架不属于同一个源。本文将介绍改方法的使用与场景

2025-03-10 15:34:42 2449