自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(103)
  • 收藏
  • 关注

原创 前端开发攻略---用Vue实现无限滚动的几种方法

用vue实现无限滚动

2024-05-22 13:52:22 407

原创 前端开发攻略---用代码带你走近双色球再到远离双色球

代码生成双色球号码;用代码带你走近双色球再到远离双色球

2024-05-15 14:50:23 575

原创 前端开发攻略---使用Sass调整颜色亮度,实现Element组件库同款按钮

使用Sass调整颜色亮度,实现Element同款按钮

2024-05-08 10:21:53 486

原创 前端开发攻略---手写bind函数,看这篇就够了。

手写JavaScript中的bind函数

2024-05-08 09:51:49 249

原创 前端开发攻略---打破Chrome的最小字号限制,设置任意字号大小

解决Chrome的最小字号限制,设置任意字号大小

2024-05-06 15:08:31 324

原创 前端开发攻略---手写Promise.all(),看这篇就够了。

手写promise.all方法。看这篇就够了!

2024-05-06 14:22:02 602 1

原创 Vue中的<Teleport>组件详细分析

是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去

2024-04-30 10:35:56 510

原创 前端开发攻略---介绍HTML中的<dialog>标签,浏览器的原生弹框。

HTML中的标签,浏览器的原生弹框。

2024-04-28 17:05:59 642

原创 前端开发攻略---模拟后端接口返回数据,教你三种方式实现滚动到底部加载更多数据

多种方式实现滚动到底部加载更多数据

2024-04-28 16:24:30 764 2

原创 前端开发攻略---用原生JS在网页中也能实现文本转语音

用JS实现文本转语音

2024-04-25 15:31:33 657 4

原创 前端开发攻略---用原生JS在网页中也能实现语音识别

用原生在页面中Js实现语音识别。

2024-04-25 15:13:31 1544

原创 Vue中KeepAlive详细分析,你不知道的小知识

Vue中KeepAlive组件详细分析

2024-04-24 16:54:36 380

原创 前端开发攻略---监控页面卡顿,判断用户的页面是否卡主。

监控页面卡顿,判断用户的页面是否卡主

2024-04-24 16:50:04 746

原创 前端开发攻略---封装calendar日历组件,实现日期多选。可根据您的需求任意调整,可玩性强。

封装calendar日历组件,实现日期多选。Vue日历组件封装。Vue3封装日历组件。Vue2封装日历组件

2024-04-24 14:52:16 1125

原创 CSS特效---环形进度条

css环形进度条

2024-04-23 18:06:38 276 2

原创 前端开发攻略---根据搜索关键字实现搜索结果列表文字高亮效果,100%匹配关键字。

根据搜索关键字实现搜索结果列表文字高亮效果

2024-04-22 13:44:23 433

原创 前端开发攻略---实现发送手机验证码60s倒计时效果(手机号验证+按钮文字自定义显示+Vue2写法+Vue3写法)

实现发送手机验证码60s倒计时效果

2024-04-22 11:43:29 626 5

原创 前端开发攻略---拖动归类,将元素拖拽到相应位置

实现将指定元素拖拽到目标区域,并在目标区域中显示拖拽元素的文本内容和样式类名的功能。

2024-04-19 16:55:56 451 1

原创 前端开发攻略---用Vue带你玩转高德地图

用Vue带你玩转高德地图

2024-04-19 16:41:22 297

原创 CSS特效---水滴效果

水滴效果

2024-04-18 16:40:01 187

原创 前端开发攻略---Vue项目(Vue2和Vue3)引入高德地图,超详细,超简单,保姆级教程。

Vue项目引入高德地图,超详细,超简单,保姆级教程。

2024-04-18 14:28:05 1122

原创 前端开发攻略---合并表格单元格,表格内嵌套表格实现手风琴效果。

合并表格单元格,表格内嵌套表格实现手风琴效果。

2024-04-18 09:39:48 558

原创 前端开发攻略---在Vue3中对ElementPlus中的dialog组件进行二次封装

在Vue3中对ElementPlus中的dialog组件进行二次封装

2024-04-17 16:40:39 723 1

原创 前端开发攻略---实现与ChatGPT同款光标闪烁打字效果。

利用了 JavaScript 的定时器和字符串处理功能,以动画的形式将文本内容逐字打印到页面上,添加了光标闪烁的效果,使打印效果更加生动。

2024-04-17 10:28:55 518 1

原创 Vue内置组件TransitionGroup详细介绍

Vue内置组件TransitionGroup详细介绍

2024-04-17 09:44:22 383

原创 CSS特效---华为手机充电特效;兼容各大浏览器

华为手机充电特效;兼容各大浏览器;CSS手机充电特效

2024-04-16 16:29:25 463 9

原创 前端开发攻略---在页面上渲染大量元素,使用defer减少白屏等待时间,优化页面响应速度

在页面上渲染大量元素,使用defer减少白屏等待时间,优化页面响应速度;创建一个可以控制渲染延迟的函数,并在组件销毁时清理相关资源,有效地优化页面加载性能

2024-04-16 14:55:14 449

原创 前端开发攻略---从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理。

从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理;Vue2和Vue3响应式的区别;defineproperty跟Proxy哪个好

2024-04-16 11:41:37 840

原创 CSS特效---跳动的文字

跳动的文字;前端页面加载特效

2024-04-16 11:04:45 182

原创 前端开发攻略---在输入框中输入中文但是还没选中的时候,搜索事件依然存在;中文输入法导致的高频事件。

在输入框中输入中文但是还没选中的时候,搜索事件依然存在;中文输入法导致的高频事件

2024-04-15 17:57:51 421

原创 前端开发攻略---JS将class转换为function。满分写法无死角

将class转换为function。满分写法无死角

2024-04-15 16:42:35 197

原创 前端开发攻略---极简精略又常用的JS代码片段,函数封装。

js复制文本到剪切板;js获取某个日期位于当年的第几天;js将rgb颜色灰度变化(基于光感加权平均);js解析url中的参数;js筛选对象属性;js随机HEX颜色;js生成随机字符串;js去掉字符串中的元素标记

2024-04-15 10:54:33 709

原创 CSS特效---点赞效果

CSS特效之点赞效果

2024-04-15 09:14:42 155

原创 CSS特效---纯CSS实现点击切换按钮

纯CSS实现点击切换按钮

2024-04-12 21:46:12 407

原创 前端开发攻略---在页面上读取/修改剪切板内容、修改复制内容、复制图片、禁止复制。clipboard API详细介绍。

Clipboard API允许网页通过JavaScript访问用户的剪贴板,从而实现复制和粘贴操作。简单来说,它允许你的网页应用程序与用户的剪贴板进行交互,使得用户可以方便地复制文本、图像或其他数据,并在需要时粘贴到其他地方。这为用户提供了更流畅的体验,同时也增强了网页应用程序的功能性。

2024-04-12 15:36:35 720

原创 CSS特效---代码雨

代码雨

2024-04-12 10:48:58 217

原创 CSS特效---百分比加载特效

百分比加载特效

2024-04-12 10:39:56 249

原创 CSS特效---HTML+CSS实现3D旋转卡片

HTML+CSS实现3D旋转卡片

2024-04-12 10:14:17 630

原创 前端开发攻略---面对复杂多变的甲方需求,一个成熟的程序员该如何应对呢?独门秘籍

面对复杂多变的甲方需求,一个成熟的程序员该如何应对呢?

2024-04-12 09:46:06 299

原创 前端开发攻略---根据音频节奏实时绘制不断变化的波形图。深入剖析如何通过代码实现音频数据的可视化。

利用HTML5和JavaScript实时绘制音频波形图的完整指南及技巧解析。深入剖析了通过代码实现音频数据可视化的方法,为开发者提供了详尽指导和实用技巧,以帮助我们打造更丰富、更引人入胜的音频应用体验。

2024-04-11 17:42:38 962

Adblock Plus广告拦截器

Adblock Plus 是世界上最流行的浏览器扩展,世界各地有数百万用户在使用它。这是一个社区驱动的开源项目,有数百名志愿者为 Adblock Plus 的成功作出了贡献,以实现所有烦人的广告被自动阻挡。

2024-04-29

Infinity 新标签页

Infinity 新标签页是一款基于html5的Chrome扩展程序,它重新定义了您的Chrome新标签页。相比Chrome自带的新标签页,您可以通过Infinity自定义添加自己喜爱的网站,我们重绘了上千图标,当然您也可以自定义这些网站的图标。除此之外,您还可以更新新标签页的背景图片,既可以使用您自己的图片,也可以使用自动更换图片。集成了天气,待办事项,笔记等功能,甚至还能显示你的Gmail邮件数量和通知。 Infinity功能简介: 一 、精美的图标(logo):扁平化设计风格,国内外200多个热门常用图标。 二、高清壁纸:从3万5千张超清壁纸中,一张一张搭配图标,精心挑选出365张,形成每日一图;当然你也可以从你自己电脑上选择图片作为壁纸。 三、云同步:时间备份数据到云端,一键从云端恢复。 四、智能邮件通知:Gmail邮件自动提醒功能。 五、待办事项:随时查看你要做的事和你做过的事。 六、个性化搜索:你可以选择你想使用的搜索引擎,你还可以定制个人的附加搜索引擎。 七、 App扩展管理:随时随地快捷方便的管理你的扩展。

2024-04-29

Vue通过手写自定义指令实现元素平滑上升动画效果

在 Vue.js 中,动画效果是为用户体验增添生动性和交互性的重要组成部分之一。而实现元素平滑上升的动画效果,可以为页面注入一份优雅和流畅。本文将介绍如何通过手写自定义指令,在 Vue.js 应用中轻松实现这样的动画效果。 首先,我们将介绍 Vue.js 中自定义指令的基本概念和用法。自定义指令是一种能够在 DOM 元素上进行特定操作的扩展,它使得我们可以方便地控制元素的行为和样式。然后,我们将深入探讨如何编写一个自定义指令来实现元素平滑上升的动画效果。 通过分析动画的原理和实现方式,我们将逐步解析如何结合 Vue.js 中的过渡效果和自定义指令来实现所需的动画效果。我们将详细讨论如何在指令中处理元素的状态变化,以及如何利用 CSS 过渡和动画来实现流畅的效果。 此外,我们还将分享一些优化技巧和最佳实践,以确保动画效果的性能和可维护性。通过合理地管理动画的触发时机和持续时间,我们可以确保用户在交互过程中获得更加愉快的体验。 项目启动: 1、npm install 2、npm run dev

2024-04-10

前端 Vue 调试工具Vue.js Devtools,浏览器调试Vue项目

用于在开发Vue项目时在浏览器进行调试,方便开发,清晰开发。ue.js Devtools 是专为 Vue.js 开发者 设计的浏览器插件,它提供了丰富的功能,帮助开发者更轻松地调试、分析和优化 Vue.js 应用。

2024-03-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除