- 博客(11)
- 收藏
- 关注
RSS订阅原创 面试场景题之“如何实现一个带节流/防抖的搜索输入框“
本文介绍了如何实现带节流/防抖的搜索输入框，主要包含以下要点： 问题背景：频繁触发input事件会导致性能问题和服务器压力 概念区别：防抖是在停止操作后执行，节流是固定间隔执行 实现方式：使用闭包保存定时器或上次执行时间，控制函数执行频率 实际应用：包装搜索请求函数，处理参数传递和this指向 选择建议：推荐防抖减少无效请求，实时推荐场景可选节流 注意事项：清理定时器避免内存泄漏，处理空输入情况
2025-11-12 14:57:47
695
原创 前端实现大模型流式请求+打字机效果(vue3+SSE)
本文介绍了如何在前端实现大模型流式请求及打字机效果。技术栈采用Vue3+Axios+SSE，通过组件封装实现文本输入、润色请求、取消操作和结果展示功能。核心实现包括：1)使用Axios配置流式响应处理大模型返回的文本片段；2)通过定时器逐字更新显示内容模拟打字效果；3)加入取消请求、加载状态等优化用户体验。文章还提供了后端接口配置建议和实现原理说明，并强调了跨域处理、性能优化等注意事项。该方案适用于需要实时展示AI生成内容的场景。
2025-10-11 16:13:38
925
原创 微信内H5页面自定义分享功能vue3（解决H5页面分享朋友圈,debug一直是ok,分享内容是一段链接问题）
在接入微信 JS-SDK 并进行相关分享功能开发时，很多文档都详细讲解了如何引入微信 JS-SDK 文件、如何配置 config 参数以及如何调用分享接口。然而，即便按照文档提供的步骤正确配置了所有内容，仍然可能出现分享出去的只是一个简单的链接，而不是你预期的具体内容（如图片、标题、描述等）。这种问题常常是由于以下几个原因引起的：JS-SDK 配置不完整或错误：确保你在调用分享接口前正确配置了 wx.config，并且权限签名（jsapi_ticket）以及其他必要参数正确无误。
2025-02-21 14:47:42
1873
原创 微信小程序使用setInterval实现倒计时功能（好像有点简单）
因本需求针对投票功能，通过调取接口获取投票功能的结束投票时间（时间可存数据库），即倒计时的结束时间。当然，如果没有获取时间的接口，也可以直接在项目代码中给定结束时间，只不过在结束时间需要改动的情况下需要修改业务代码，不太好维护。
2025-02-11 10:37:12
1073
原创 根据搜索关键字实现搜索结果列表文字高亮效果
在前端开发中，为了增强用户体验，我们常常需要实现根据关键词检索后对搜索结果中的匹配项进行高亮显示。本文将重点探讨由前端完全负责实现关键词检索后的高亮显示方案。这种方法能够保持前后端职责分离清晰，并且可以灵活地调整样式而不必修改后端代码。
2025-02-06 15:09:38
1048
原创 vue3 vue-cropper裁剪图片并上传
该实例将vue-cropper插件和element-ui的el-upload组件结合使用，实现图片上传并裁剪上传
2024-05-31 17:07:14
2802
1
原创 解决vue3中 wangeditor插入图片 formdata 传值为空值的问题(已解决)
目前开发的项目中有一个富文本插入图片的需求，我使用的富文本是 wangeditor/editor，在使用其本身上传图片的功能，出现了formdata参数为空的情况，下面的解决方法完美解决了wangeditor富文本插入图片所遇到的formdata参数为空的问题。
2023-04-13 18:07:23
1390
1
原创 el-input 无法输入内容的解决方法
问题el-form 中的el-input 无法输入内容 找了很久的解决方法 主要通过两种方法解决。
2023-04-10 11:26:25
1318
1
原创 element 年份范围选择器封装
element 组件库 关于月份范围 以及 日期范围选择器都有相对应的组件 但是年份范围选择器没有给到 因为公司业务需要 我就根据饿了么组件以及其他程序⚪的代码封装了一个年份范围选择器
2023-03-31 11:25:00
1504
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人