![](https://img-blog.csdnimg.cn/b7cc9632c8a346b0ae78e36218608b21.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
功能问题合集
文章平均质量分 80
前端功能问题与实现
程序员大澈
@全网同名 优质前后端领域公众号博主,掘金优秀创作者、年度人气作者,抖音/小红书/B站/头条等全网平台资深创作者,专注于前后端技术知识分享。
展开
-
功能问题:如何防止接口重复请求?
防止接口重复请求在软件开发中非常重要,重复请求必然会导致服务器资源的浪费。因为每次请求都需要服务器进行处理,如果请求是重复的,那么服务器就在做不必要的工作。在高并发的场景下,这种浪费会成倍增加,可能导致服务器性能下降,甚至引发服务崩溃。所以,今天我们一起来聊一聊,如何防止接口重复请求?原创 2024-06-06 22:50:01 · 526 阅读 · 0 评论 -
功能问题:如何在Vue3中引用本地图片路径?
在使用el-image组件加载本地图片时,总是提示Failed,图片显示不出来。使用require当然也无济于事,因为我的项目脚手架用的是Vite。原创 2024-03-20 22:45:42 · 1379 阅读 · 0 评论 -
功能问题:如何用Docker部署一个后端项目?
今天给大家分享了,如何用Docker部署一个SpringBoot后端项目,分了算是5步说明吧。本文比较偏向于前端同行或后端小白朋友,当然对于后端大佬们来说,比较轻松了。原创 2024-03-15 22:56:03 · 849 阅读 · 0 评论 -
功能问题:如何实现文件的拖拽上传?
本文简单介绍了,元素拖拽的6个API,以及文件拖拽上传的实现过程。元素拖拽的6个API,这里我们只需要使用dragover、drop这两个,就能实现文件拖拽上传。原创 2024-02-24 13:53:46 · 1532 阅读 · 0 评论 -
功能问题:如何开发一个自己的 VS Code 插件?
本文简单介绍了,如何一步步的开发一个自己的 VS Code 插件,并最终选择本地自己使用,或者发布到插件商店。原创 2024-02-22 11:11:35 · 1540 阅读 · 0 评论 -
功能问题:如何解决跳同一路由组件时页面不变?
Vue Router默认情况下,会复用相同组件的实例,而不是销毁和重新创建它们。所以会出现,多次跳转同一路由组件时页面不更新的问题。原创 2024-01-26 23:41:18 · 1014 阅读 · 0 评论 -
功能问题:如何实现图片放大镜功能?
要实现图片放大镜功能,一般有两种方式:一种是 利用原生JS动态设置偏移量,一种是 利用原生JS的Canvas动态截取。原创 2024-01-17 14:40:57 · 1241 阅读 · 0 评论 -
功能问题:作为前端,如何优化用户体验?
试想,如果在设计前期,就对用户体验做了深度考虑,那么在后期的档期修改以及用户的反馈方面,必然会有很大的积极影响。原创 2024-01-10 15:59:39 · 1192 阅读 · 0 评论 -
功能问题:如何限制同一账号只能在一处登录?
先聊聊“单点登录”和“单设备登录”区别,再说说实现“单设备登录”的步骤。要实现单设备登录,一般来说,有两种方式:使用数据库记录登录状态 和使用令牌验证机制 。原创 2024-01-04 21:34:14 · 1126 阅读 · 0 评论 -
功能问题:如何在H5中实现拍照功能?3步搞定!
今天我们聊一聊,一个非常有趣且重要的问题,如何用原生js实现拍照功能?这时候,有的朋友会说,为什么要用原生js实现呀,这么麻烦还要自己动脑子,直接用第三方库多好呀。原创 2023-12-26 23:09:40 · 1307 阅读 · 1 评论 -
功能问题:如何用VSCode实现内网穿透?
不知道大家有没有遇到过这种情况。就是说,我们在本地跑了一个项目服务,项目地址为localhost,此时我们想把项目demo发给测试或其他人看一下,该怎么办呢?原创 2023-12-19 23:13:17 · 1675 阅读 · 3 评论 -
HTML问题:如何实现分享URL预览?
为了提高用户对页面链接分享的体验,需要对分享链接做一些处理。以Telegram(国外某一通讯软件)为例,当在Telegram上分享已做过处理的链接时,它会自动尝试获取链接的预览信息,包括标题、描述和图片。如此当接收者看到时,可以立即获取到分享链接的一些重要信息。这有助于接收者更好地了解链接的内容,决定是否点击查看详细内容。原创 2023-12-09 17:38:53 · 1289 阅读 · 0 评论 -
Vue3问题:如何在页面上添加水印?
为了防止网站信息被盗用,以及维护版权标识,常常需要在页面、图片或视频上添加独特水印,以作区分。同时,水印的添加不仅仅满足于添加,有时候还要能防止用户恶意篡改,时刻保证水印的功效。所以,这次问题我分为了两种情况:一种是仅添加水印仅可,另一种是添加水印且要防篡改。原创 2023-12-09 17:36:36 · 2919 阅读 · 0 评论 -
JS问题:简单的console.log不要再用了!试试这个
一般情况下,我们在项目中进行代码调试时,往往只会在逻辑中使用console.log进行控制台打印调试。这种方式虽然比较常规直接,但是如果打印数据多了,就会导致你的控制台消息变得异常混乱。所以,我们有了更好的选择,那就是console对象提供的其它API,来让我们能够更清晰的区分打印信息。原创 2023-12-09 17:34:34 · 902 阅读 · 0 评论 -
Vue2问题:如何全局使用less和sass变量?
为了提高样式的复用性和可维护性,我们会选择将经常使用的常量、颜色、字体等信息,封装到公共变量文件中,然后全局引入,进而在任何组件中不需要再单独引用,直接使用变量即可。原创 2023-11-28 22:44:00 · 2688 阅读 · 0 评论 -
CSS问题:如何实现瀑布流布局?
在电商前台项目中,使用瀑布流的布局形式,展示商品图片列表。让用户在浏览商品列表时,总有商品图片看不全,使用户可以无限滚动地查看列表下面的其它商品内容。进而提高用户浏览量,增加商品曝光度,最终提升用户购买几率。原创 2023-11-28 22:35:15 · 1728 阅读 · 0 评论 -
Vue2问题:分享一个通用多文件类型预览库
当我们在做文件预览功能时,往往会遇到一种糟糕的情况。就是每预览一种类型的文件,就需要重新安装、配置、编写一个新的库来实现,很麻烦,也很繁琐。于是,我寻找了一个可以通用的预览库,来处理这个问题。原创 2023-11-20 20:17:18 · 582 阅读 · 0 评论 -
Vue3问题:如何实现el-tree树的单选?
使用el-tree组件,渲染树状数据。要求默认全部展开、不显示复选框、支持单选、以及点击父级节点时不折叠子节点。当然,还有个小细节就是,点击当前节点要高亮显示。原创 2023-11-19 11:07:51 · 2672 阅读 · 0 评论 -
Vue3问题:如何实现拼图验证+邮箱登录功能?前后端!
在登录页面,输入邮箱,点击发送验证码,此时会弹出拼图验证。用户向右滑动滑块,到达指定缺口位置,就会验证成功。若验证失败,则会刷新拼图,需要重新滑动。当拼图验证成功后,发送验证码按钮就会显示数字倒计时效果,然后此时会在对应邮箱收到验证码。原创 2023-11-15 21:55:29 · 843 阅读 · 0 评论 -
Vue3问题:如何实现页面引导提示?
在页面初次加载时,弹出引导提示框,去介绍和引导用户,浏览页面的重要功能信息和组成部分。我感觉很有趣的一个功能,这个功能在一般项目中应用的并不算多,但对一些特定网站的设计,确实很有必要应用。原创 2023-11-13 21:14:25 · 908 阅读 · 1 评论 -
Css问题:推荐几个超好看渐变色!项目中可用
总结一下说,就是在设计的过程中,我常常会有一种苦恼:这个地方到底要用什么颜色才好看呢?所以,我们今天聊点轻松的需求,推荐几个超好看渐变色,在项目中可以放心大胆用起来。原创 2023-11-10 23:10:08 · 2322 阅读 · 1 评论 -
Vue3问题:如何实现短信验证码登录?前后端!
点击发送验证码按钮,获取手机短信验证码。此时,发送验证码按钮进入倒计时状态,且不可被点击。成功获取到短信验证码并输入,点击登录按钮,完成页面跳转。原创 2023-11-08 20:43:44 · 2746 阅读 · 1 评论 -
Node问题:如何正确安装nvm?Mac和Win双教程!
实现前有必要提一下,本文第二部分是安装教程,第三部分是nvm使用教程,为节省朋友们的时间,请自行选择阅读。原创 2023-11-05 22:24:08 · 673 阅读 · 1 评论 -
Vue3问题:如何实现组件拖拽实时预览功能?
关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。将组件拖拽到预览画布中后,可以在画布中预览组件的内容。对于组件内容编辑实时预览,用户可以点击编辑按钮,显示对应组件的内容编辑信息。当修改组件内容时,在画布中可以实时预览组件的变化。原创 2023-11-03 21:15:36 · 619 阅读 · 1 评论 -
Vue3问题:如何实现级联菜单的数据懒加载?
对于加载而言,必须是懒加载效果,即点击菜单某一项时,才会真正去请求加载对应的下一级菜单内容。对于菜单最后一级内容,要插入一个输入框,在输入框内,用户可以任意输入版本号,并且要求输入框不可被选中。原创 2023-11-01 21:16:07 · 729 阅读 · 1 评论 -
Vue3问题:如何实现密码加密登录?前后端!
在前端,用户点击登录和注册时,在登录和注册接口中不允许看到请求中真正的用户密码。在后端,用户点击登录和注册时,在数据库中不允许存取真正的用户密码。原创 2023-10-28 22:45:15 · 3889 阅读 · 4 评论 -
JS问题:如何实现文本一键复制和长按复制功能?
点击复制按钮,将某一区域文本复制到粘贴板,并可以在任何地方粘贴使用。长按某一区域文本1秒钟,将文本复制到粘贴板,并可以在任何地方粘贴使用。原创 2023-10-28 22:42:20 · 779 阅读 · 0 评论 -
JS问题:项目中如何区分使用防抖或节流?
当用户多次频繁点击按钮时,只允许请求一次后端接口,避免重复无用请求。没办法,谁让我们的客户就是会1秒点10次的超能力。原创 2023-10-26 22:40:57 · 416 阅读 · 0 评论 -
Vue3问题:如何实现微信扫码支付?全面!
点击微信扫码支付按钮,会弹出扫码支付弹框,在弹框中部显示一个微信支付的二维码。用户打开微信扫码并支付成功后,就会关闭弹框,弹出成功消息提示,并刷新表格数据,更新对应订单的支付状态,置灰微信扫码支付按钮。用户点击弹框内的取消按钮,就会隐藏弹框。原创 2023-10-21 22:45:25 · 574 阅读 · 1 评论 -
Vue3问题:如何将el-table导出为Excel表格?5个注意点要知道!
1、xlsx库和file-saver库各自的作用2、使用时的注意点3、XLSX.utils.table_to_book和XLSX.write的作用原创 2023-10-17 23:01:38 · 2505 阅读 · 0 评论 -
Vue2问题:如何在浏览器中导出word文档?4条解决方案!
1、如何获取指定内容?2、如何将HTML内容转换为Word文档?3、如何导出下载Word文档?原创 2023-10-17 22:57:23 · 922 阅读 · 0 评论 -
Vue3问题:为什么有时候数据变了,但是视图没有变?经常有人忽略!
reactive函数用于创建一个响应式的对象。当使用reactive定义一个对象时,对象的属性会被转换为响应式的,即当属性的值发生变化时,相关的视图会进行更新。但是,如果直接修改对象本身的引用,而不是其中的属性,视图不会更新。原创 2023-09-24 22:54:17 · 6176 阅读 · 4 评论 -
Vue3问题:如何使用WangEditor富文本?能自定义才是真的会用!
1、如何配置开始使用?2、如何自定义工具栏菜单的展示?3、如何自定义工具栏内置菜单的功能?4、如何自定义扩展新功能菜单?原创 2023-09-14 23:13:23 · 1911 阅读 · 1 评论 -
Vue3问题:如何实现el-table内容超出省略提示?第3条很少有人会!
1、表头如何实现省略提示效果?2、表体如何实现省略提示效果?3、表尾如何实现省略提示效果?4、如何实现单行省略和多行省略?原创 2023-08-24 22:54:14 · 907 阅读 · 0 评论 -
CSS问题:如何实现滚动条的下拉滚动提示效果?
1、如何实现滚动条效果?2、如何判断是否滚动到底部?原创 2023-08-14 22:43:50 · 317 阅读 · 0 评论 -
vue3问题:如何实现微信扫码授权登录?
1、微信扫码授权有几种实现方式?2、说一下这几种实现方式的原理是什么?3、vue中的微信扫码授权登录,与uniapp和原生小程序的微信授权登录,它们之间有共同点吗?原创 2023-08-14 22:42:12 · 754 阅读 · 2 评论 -
前端问题:vscode有哪些好用且开发常用的插件?
整理vscode中好用的且开发中常用的插件,不常用的不再列出。原创 2023-07-13 20:33:24 · 457 阅读 · 0 评论 -
Vue3问题:如何解决watch监听对象和数组失效情况,以及如何停止监听?
监听数组或对象,修改其属性数据,但watch并没有监听到变化,寻找原因和解决方式。1、怎样正确使用watch监听对象和数组?2、怎样停止watch监听?原创 2023-07-10 21:32:20 · 10547 阅读 · 0 评论 -
CSS问题:如何在一行文字前添加黑色实心小圆点?
1、有哪些方式添加黑色实心小圆点?各有什么优缺点?2、怎样让黑色实心小圆点与后面的文字保持垂直居中对齐?原创 2023-07-06 22:33:26 · 3913 阅读 · 0 评论 -
uni问题:APP端Echarts图表不显示
因此借助网上的参考,进行Echarts组件封装,借助renderjs 在视图层操作dom ,进行Echarts实例初始化,并将配置数据定义在主script中的data中,在主script中进行数据的处理。需求是要在APP端使用折线图对上一个月的利息进行展示,于是很自然的我使用了Echarts进行图表的绘制,参考Echarts官网示例,在H5端很轻松的就将图表画了出来。打印接口返回的数据,发现数据有,然后注释掉接口的数据,将x轴和线条的data数据写死,发现依旧不显示图表。| 轻轻松松工作,简简单单生活。原创 2022-11-20 21:52:19 · 4258 阅读 · 6 评论