前端开发攻略
文章平均质量分 69
了解并学习更多在开发中许多常见问题的解决思路及方法
bbamx.
基础扎实,喜欢研究
展开
-
前端开发攻略---webSocket的简单实现与使用
webSocket的简单实现与使用原创 2024-07-08 16:46:26 · 433 阅读 · 0 评论 -
前端开发攻略---三种方法解决Vue3图片动态引入问题
解决Vue3图片动态引入问题原创 2024-05-24 14:07:14 · 2593 阅读 · 0 评论 -
前端开发攻略---用Vue实现无限滚动的几种方法
用vue实现无限滚动原创 2024-05-22 13:52:22 · 2543 阅读 · 0 评论 -
前端开发攻略---用代码带你走近双色球再到远离双色球
代码生成双色球号码;用代码带你走近双色球再到远离双色球原创 2024-05-15 14:50:23 · 622 阅读 · 0 评论 -
前端开发攻略---使用Sass调整颜色亮度,实现Element组件库同款按钮
使用Sass调整颜色亮度,实现Element同款按钮原创 2024-05-08 10:21:53 · 541 阅读 · 0 评论 -
前端开发攻略---手写bind函数,看这篇就够了。
手写JavaScript中的bind函数原创 2024-05-08 09:51:49 · 291 阅读 · 0 评论 -
前端开发攻略---打破Chrome的最小字号限制,设置任意字号大小
解决Chrome的最小字号限制,设置任意字号大小原创 2024-05-06 15:08:31 · 493 阅读 · 0 评论 -
前端开发攻略---手写Promise.all(),看这篇就够了。
手写promise.all方法。看这篇就够了!原创 2024-05-06 14:22:02 · 916 阅读 · 1 评论 -
前端开发攻略---介绍HTML中的<dialog>标签,浏览器的原生弹框。
HTML中的标签,浏览器的原生弹框。原创 2024-04-28 17:05:59 · 1041 阅读 · 0 评论 -
前端开发攻略---模拟后端接口返回数据,教你三种方式实现滚动到底部加载更多数据
多种方式实现滚动到底部加载更多数据原创 2024-04-28 16:24:30 · 1044 阅读 · 2 评论 -
前端开发攻略---用原生JS在网页中也能实现文本转语音
用JS实现文本转语音原创 2024-04-25 15:31:33 · 1124 阅读 · 4 评论 -
前端开发攻略---用原生JS在网页中也能实现语音识别
用原生在页面中Js实现语音识别。原创 2024-04-25 15:13:31 · 2668 阅读 · 0 评论 -
前端开发攻略---监控页面卡顿,判断用户的页面是否卡主。
监控页面卡顿,判断用户的页面是否卡主原创 2024-04-24 16:50:04 · 931 阅读 · 0 评论 -
前端开发攻略---封装calendar日历组件,实现日期多选。可根据您的需求任意调整,可玩性强。
封装calendar日历组件,实现日期多选。Vue日历组件封装。Vue3封装日历组件。Vue2封装日历组件原创 2024-04-24 14:52:16 · 1309 阅读 · 0 评论 -
前端开发攻略---根据搜索关键字实现搜索结果列表文字高亮效果,100%匹配关键字。
根据搜索关键字实现搜索结果列表文字高亮效果原创 2024-04-22 13:44:23 · 694 阅读 · 0 评论 -
前端开发攻略---实现发送手机验证码60s倒计时效果(手机号验证+按钮文字自定义显示+Vue2写法+Vue3写法)
实现发送手机验证码60s倒计时效果原创 2024-04-22 11:43:29 · 949 阅读 · 5 评论 -
前端开发攻略---拖动归类,将元素拖拽到相应位置
实现将指定元素拖拽到目标区域,并在目标区域中显示拖拽元素的文本内容和样式类名的功能。原创 2024-04-19 16:55:56 · 477 阅读 · 1 评论 -
前端开发攻略---用Vue带你玩转高德地图
用Vue带你玩转高德地图原创 2024-04-19 16:41:22 · 491 阅读 · 0 评论 -
前端开发攻略---Vue项目(Vue2和Vue3)引入高德地图,超详细,超简单,保姆级教程。
Vue项目引入高德地图,超详细,超简单,保姆级教程。原创 2024-04-18 14:28:05 · 3058 阅读 · 0 评论 -
前端开发攻略---合并表格单元格,表格内嵌套表格实现手风琴效果。
合并表格单元格,表格内嵌套表格实现手风琴效果。原创 2024-04-18 09:39:48 · 606 阅读 · 0 评论 -
前端开发攻略---在Vue3中对ElementPlus中的dialog组件进行二次封装
在Vue3中对ElementPlus中的dialog组件进行二次封装原创 2024-04-17 16:40:39 · 1187 阅读 · 1 评论 -
前端开发攻略---实现与ChatGPT同款光标闪烁打字效果。
利用了 JavaScript 的定时器和字符串处理功能,以动画的形式将文本内容逐字打印到页面上,添加了光标闪烁的效果,使打印效果更加生动。原创 2024-04-17 10:28:55 · 627 阅读 · 1 评论 -
前端开发攻略---在页面上渲染大量元素,使用defer减少白屏等待时间,优化页面响应速度
在页面上渲染大量元素,使用defer减少白屏等待时间,优化页面响应速度;创建一个可以控制渲染延迟的函数,并在组件销毁时清理相关资源,有效地优化页面加载性能原创 2024-04-16 14:55:14 · 522 阅读 · 0 评论 -
前端开发攻略---从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理。
从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理;Vue2和Vue3响应式的区别;defineproperty跟Proxy哪个好原创 2024-04-16 11:41:37 · 859 阅读 · 0 评论 -
前端开发攻略---在输入框中输入中文但是还没选中的时候,搜索事件依然存在;中文输入法导致的高频事件。
在输入框中输入中文但是还没选中的时候,搜索事件依然存在;中文输入法导致的高频事件原创 2024-04-15 17:57:51 · 465 阅读 · 0 评论 -
前端开发攻略---JS将class转换为function。满分写法无死角
将class转换为function。满分写法无死角原创 2024-04-15 16:42:35 · 251 阅读 · 0 评论 -
前端开发攻略---极简精略又常用的JS代码片段,函数封装。
js复制文本到剪切板;js获取某个日期位于当年的第几天;js将rgb颜色灰度变化(基于光感加权平均);js解析url中的参数;js筛选对象属性;js随机HEX颜色;js生成随机字符串;js去掉字符串中的元素标记原创 2024-04-15 10:54:33 · 718 阅读 · 0 评论 -
前端开发攻略---在页面上读取/修改剪切板内容、修改复制内容、复制图片、禁止复制。clipboard API详细介绍。
Clipboard API允许网页通过JavaScript访问用户的剪贴板,从而实现复制和粘贴操作。简单来说,它允许你的网页应用程序与用户的剪贴板进行交互,使得用户可以方便地复制文本、图像或其他数据,并在需要时粘贴到其他地方。这为用户提供了更流畅的体验,同时也增强了网页应用程序的功能性。原创 2024-04-12 15:36:35 · 1044 阅读 · 0 评论 -
前端开发攻略---面对复杂多变的甲方需求,一个成熟的程序员该如何应对呢?独门秘籍
面对复杂多变的甲方需求,一个成熟的程序员该如何应对呢?原创 2024-04-12 09:46:06 · 317 阅读 · 0 评论 -
前端开发攻略---根据音频节奏实时绘制不断变化的波形图。深入剖析如何通过代码实现音频数据的可视化。
利用HTML5和JavaScript实时绘制音频波形图的完整指南及技巧解析。深入剖析了通过代码实现音频数据可视化的方法,为开发者提供了详尽指导和实用技巧,以帮助我们打造更丰富、更引人入胜的音频应用体验。原创 2024-04-11 17:42:38 · 1433 阅读 · 0 评论 -
前端开发攻略---用代码实现在PPT中十分常见的文本擦除效果。
实现一个文本擦除的动画效果。通过控制背景渐变的变化,文字逐渐从完全隐藏变为可见,仿佛被擦除的效果。具体来说,它通过自定义 CSS 属性 --p 控制渐变的进度,在关键帧动画中实现了文字擦除的效果。同时,使用 span 元素包裹文本,以便更精细地控制文字样式和动画效果。原创 2024-04-11 16:31:16 · 357 阅读 · 0 评论 -
前端开发攻略---用JavaScript将数字转换为中文。支持万亿以下的正整数;深入解析:JavaScript 函数详解数字转换为中文的实现原理与流程
将万亿以下整数转换为中文。该函数通过一系列步骤将输入的数字转换为中文,涵盖了数字的分割处理、中文映射、零的处理、单位转换以及最终结果的整理等关键步骤。原创 2024-04-11 11:22:00 · 660 阅读 · 0 评论 -
前端开发攻略---如何用Vue实现实时网络状态监控:一篇让你轻松掌握前端网络连通性管理的指南
教你如何利用Vue实现实时网络状态监控,让你能够轻松掌握前端网络连通性管理的技巧。你将学习如何使用navigator.onLine属性来检测浏览器的联机状态,并根据不同状态采取相应的措施。通过本文,你将了解如何在Vue应用程序中实现网络监控功能,帮助你更好地处理用户的网络连接问题,提升用户体验。原创 2024-04-10 17:38:26 · 1608 阅读 · 0 评论 -
前端开发攻略---Vue实现防篡改水印的效果。删除元素无效!更改元素属性无效!支持图片、元素、视频等等。
实现防篡改水印的效果。删除元素无效!更改元素属性无效!支持图片、元素、视频等等。原创 2024-04-10 14:14:31 · 1337 阅读 · 0 评论 -
前端开发攻略---利用Flexbox和Margin实现智能布局:如何巧妙分配剩余空间,让你的网页设计更上一层楼?
利用Flexbox和Margin实现智能布局:如何巧妙分配剩余空间,让你的网页设计更上一层楼?原创 2024-04-09 17:52:46 · 431 阅读 · 0 评论 -
前端开发攻略---Vue通过自定义指令实现元素平滑上升的动画效果(可以自定义动画时间、动画效果、动画速度等等)。
Vue通过手写自定义指令实现元素平滑上升的动画效果(可以自定义动画时间、动画效果、动画速度等等)。原创 2024-04-09 16:26:23 · 628 阅读 · 0 评论 -
前端开发攻略---Vue项目,首次打开或项目体积过大或用户网速缓慢导致白屏现象 添加Loading效果
vue项目首次加载缓慢出现白屏现象;vue项目添加Loading效果;vue项目体积过大进行用户体验优化;vue项目用户网速过慢导致页面加载缓慢添加Loading等待效果;原创 2024-03-21 10:12:14 · 667 阅读 · 3 评论 -
前端开发攻略---用JavaScript打造炫酷数字变化动画效果:手写实现你的自定义动画函数!支持更改任意数字、动画速度
向您展示如何使用JavaScript来创建一个自定义的动画函数,以实现数字变化效果。我们将深入了解前端动画的本质,并通过手写代码来实现这个炫酷的数字变化动画效果原创 2024-04-09 11:44:45 · 897 阅读 · 0 评论 -
前端开发攻略---简化响应式设计:利用 SCSS 优雅管理媒体查询
通过 sass,您可以使用变量、嵌套规则、混合器、继承等功能,使得样式表的维护和管理更加容易。原创 2024-04-08 17:47:45 · 566 阅读 · 0 评论 -
前端开发攻略---轻松实现排序功能:利用JavaScript创建直观的拖拽排序体验
拖拽事件是指在网页开发中,通过拖拽 API 实现的一系列事件,包括拖拽开始、拖拽移动和拖拽结束等。当用户开始拖拽页面上的元素时,会触发拖拽开始事件;随后,随着鼠标或触摸屏的移动,会触发拖拽移动事件,开发者可以根据鼠标或触摸屏的位置来更新拖拽元素的状态;最后,当用户释放鼠标或触摸屏时,会触发拖拽结束事件,开发者可以在此事件中执行相应的操作,如重新排列元素的顺序或更新页面内容。拖拽事件的使用使得开发者可以轻松地实现各种交互功能,如拖拽排序、拖拽放置等,从而提升用户体验。原创 2024-04-08 09:57:15 · 965 阅读 · 0 评论