摘要: 最近公司开发的微信小程序需要接入chat gpt来完成一个智能聊天助手的需求。 前端开发过程中遇到些许问题,在此记录一下。 一、数据传输:由于chatgpt是使用流式传输,因此我们选择使用sse来创建连接。 这里介绍一下SSE: SSE(Server-Sent Events):是一种基于HTTP协议 阅读全文
posted @ 2023-08-29 16:08 icon-icon 阅读(572) 评论(0) 推荐(0)
摘要: 一、问题 平时开发前端项目的时候,发现大家所用的编辑器都有所不同,编辑器中很多人喜欢制定自己的代码风格,这就导致协作的时候,大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中,我 阅读全文
posted @ 2023-05-10 10:11 icon-icon 阅读(317) 评论(0) 推荐(0)
摘要: 一、问题 win10系统中,当我们打开系统内置的IE浏览器时,我们发现网页会自动通过edge浏览器打开。那我们如果要开发一个可以兼容IE版本的网站时,该如何测试IE浏览器的兼容性呢? 二、解决方案 在 Windows 10 操作系统中,默认已经预装了 Edge 浏览器。但是 Windows 10 操 阅读全文
posted @ 2023-03-29 11:39 icon-icon 阅读(2609) 评论(0) 推荐(0)
摘要: 我们在做文件下载的功能时,往往需要后端将文件名称返回给前端,前端获取文件名称并从浏览器上下载文件。 一般情况下,后台会将文件名称加在请求的响应头的Content-Disposition中,前端只需要去获取该字段即可。 但是由于浏览器的限制,前端只能在network中看到Content-Disposi 阅读全文
posted @ 2023-03-28 13:00 icon-icon 阅读(3793) 评论(0) 推荐(0)
摘要: 在做微信小程序时,我们一般都会在app.js中去判断当前用户是否已经登录,如果已经登录,会直接跳转到小程序的首页。如果未登录那么直接跳转登录页。 此时我们需要把首页首页作为微信小程序的pages列表中的第一个页面,这样可以减少打开小程序的时候闪过其他页面的频率,用户体验感会相对较好。 但是我们会发现 阅读全文
posted @ 2023-03-27 13:22 icon-icon 阅读(3899) 评论(1) 推荐(0)
摘要: 代码: 1、首先在showUploadList属性中将下载的icon显示出来。 <Upload v-model:file-list="fileList" name="file" :before-upload="beforeUpload" :action="uploadUrl" :headers="h 阅读全文
posted @ 2022-06-27 18:42 icon-icon 阅读(3261) 评论(0) 推荐(0)
摘要: 需求:elementUI中的时间范围选择组件,需要限制每次只能选择一年内的时间 组件: <el-date-picker style="width:auto" v-model="form.daterange" type="daterange" :picker-options="pickerOption 阅读全文
posted @ 2021-11-01 14:20 icon-icon 阅读(297) 评论(0) 推荐(0)
摘要: html部分: <div id="scatter"> <div class="bubble_min bubble10"></div> <div class="bubble_min bubble12"></div> <div class="bubble_min bubble8"></div> <div 阅读全文
posted @ 2021-08-17 18:00 icon-icon 阅读(1546) 评论(2) 推荐(1)
摘要: 在elementui 的上传组件中实现单文件上传,使用:limit="1" 属性限制选择文件个数,有个弊端就是当选择完一个文件之后就不能再继续选择文件,这并不是产品经理想要的,我们期望的结果是:当再次选择时直接覆盖上次上传的文件,保证文件列表中只有一个文件。 accept属性可以限制文件类型,fil 阅读全文
posted @ 2021-07-06 10:20 icon-icon 阅读(5991) 评论(0) 推荐(1)
摘要: 一、问题 在使用swiper的过程中会遇到很多问题,由于swiper版本太多导致每次使用时都要踩好多坑,这里记录一下本次使用的方法,以避免后边使用中耗费时间。 二、使用步骤 1、下载 在vue中使用swiper需要下载vue-swiper-awesome ,最好下载版本3,是最稳定的版本。 cnpm 阅读全文
posted @ 2021-07-05 13:27 icon-icon 阅读(1337) 评论(0) 推荐(0)