- 博客(120)
- 收藏
- 关注
RSS订阅原创 图片懒加载（安装及使用）
还提供了一些额外的配置选项，如预加载、错误处理等。实现图片懒加载的基本步骤。要实现图片懒加载，可以使用。3. 将需要懒加载的图片的。的文档以获得更多详细信息。指令之前已经安装并注册了。
2024-01-22 14:52:09
462
原创 使用css动画animation及@keyframes实现图片持续放大缩小动画展示
【代码】使用css动画animation及@keyframes实现图片持续放大缩小动画展示。
2024-01-12 10:40:39
1437
原创 使用 CSS : 伪元素:after、过渡动画transition实现过渡效果（鼠标悬浮或点击 标签时，底部边框从左到右过渡）
nav-wrapper ，父级。
2024-01-09 15:18:27
1052
原创 使用@keyframes 动画，以及 animation 属性来启用动画。（电话图片持续晃动）
shake.shaking {0% {25% {50% {75% {100% {animation是一个 CSS 属性，用于指定要应用到元素的动画效果。shake是动画的名称，它对应之前在@keyframes中定义的动画。0.5s是动画的持续时间，表示动画效果从开始到结束需要花费 0.5 秒的时间。infinite表示动画循环无限次播放，即动画会一直持续下去，不会停止。alternate表示动画在每次循环时会在正向和反向之间交替播放，即元素会来回震荡。因此，
2024-01-09 14:15:05
506
原创 Vue3+Typescript+setup / Vue2使用scrollIntoView（）实现锚点跳转指定列表
在标签上添加ref属性来引用DOM元素，Vue2。
2024-01-04 11:55:54
639
原创 使用定时器setInterval，在Moment.js 时间格式化插件基础上完成当前时间持续动态变化
3.1、dom部分3.2、js代码data() {return {}，this.startTime() //初始化获取时间},methods: {//使用定时器setInterval，每隔一秒时间就调用函数//当前时间 格式可根据实际情况空更改为YYYY-MM-DD}, 1000);},//离开当前页面需清除定时器。
2024-01-02 17:41:31
507
原创 Vue2+element-ui 实现select选择器结合Tree树形控件实现下拉树效果
【代码】Vue2+element-ui 实现select选择器结合Tree树形控件实现下拉树效果。
2023-12-29 18:07:42
1419
原创 Vue 3 + TypeScript + setup 语法糖，实现动态计算宽度，根据不同屏幕分辨率导入不同组件
动态组件 ： <component :is="aboutUsComponent"></component>正常来说语法糖中不需要在导出组件，如果不导出页面不显示，不明白原因。
2023-12-28 11:18:54
656
原创 vue+ts element-plu是页码器根据屏幕宽度变化，解决刷新后初始化值问题
【代码】vue+ts element-plu是页码器根据屏幕宽度变化，解决刷新后初始化值问题。
2023-12-28 10:31:53
535
原创 使用 Vue 3 + TypeScript 和 setup 语法糖实现动态计算高度，实现高度根据屏幕的高度自适应
HTML代码部分 :style="{ height: firstSectionHeight }"
2023-12-26 11:17:22
1563
原创 pc端/移动端菜单折叠，按钮点击展示
'active' : ''" @mouseenter.native="activeNav = false">首页。@mouseenter.native="activeNav = false">公司介绍。-- 折叠菜单 -->-- 折叠菜单按钮 -->//分辨率 < 768px。//分辨率 > 768px。
2023-12-26 10:37:54
350
原创 vue3项目实现文档 JSON 格式和 Excel 表格的在线预览，（智能搜索，未验证）
若要实现文档 JSON 格式和 Excel 表格的在线预览，你可以使用第三方库来实现。对于文档 JSON 格式，你可以使用。库来展示美观的 JSON 数据；对于 Excel 表格，你可以使用。如果你需要加载远程的 Excel 文件，可以使用合适的 URL 替换。组件来展示 JSON 数据，使用。3 在 Vue 模板中，使用。
2023-12-05 16:13:57
1173
原创 在 Vue 3 项目中实现图片的在线预览（百度搜索暂未验证）
在这个示例中，我们使用了 Vue 3 的 Composition API 和 TypeScript。当使用 Vue 3 + TypeScript + Vite 完成图片在线预览时，你可以使用第三方库。通过以上步骤，你就可以在 Vue 3 + TypeScript + Vite 项目中使用。指令来渲染图片列表，并在每张图片上绑定点击事件。（当前激活的图片索引）。当用户关闭图片预览时，会触发。方法，并传入对应的索引。在你的 Vue 组件中，导入。3.在你的 Vue 组件中，使用。实现图片的在线预览了。
2023-12-05 16:05:46
702
1
原创 el-select与el-tree的联动，切换勾选保存回显功能（全部代码）
【代码】el-select与el-tree的联动，切换勾选保存回显功能（全部代码）
2023-11-20 14:01:38
655
原创 element- plus table勾选框顶部勾选框更改成文字，且实现单选操作
【代码】element- plus table勾选框顶部勾选框更改成文字，且实现单选操作。
2023-10-22 18:36:29
1146
原创 vue3 element-plus 组件table表格 勾选框回显（初始化默认回显）完整静态代码
【代码】vue3 element-plus 组件table表格 勾选框回显（初始化默认回显）完整静态代码。
2023-10-22 18:30:11
5381
1
原创 Vue3中reactive, onMounted, ref,toRaw,conmpted 使用方法
vue3中 reactive ，ref ， toRaw，watch，conmpted 用法用法： const rowList = toRaw(row)ref和reactive都是Vue.js 3.x版本中新增的API，用于实现组件的数据响应式更新。1.：ref用于包装JavaScript基本类型的数据（如字符串、数字、布尔值等），而reactive可以用于包装JavaScript对象和数组等复杂类型的数据。2.
2023-10-09 13:59:01
1179
原创 table表格初始化根据字段数字排序，table表格进入后返回上一级设置，第一级隐藏
【代码】table表格初始化根据字段数字排序，table表格进入后返回上一级设置，第一级隐藏。
2023-10-07 14:19:49
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人