
前端小问题
文章平均质量分 50
karshey
平平无奇打工人。
展开
-
【前端】跨域问题与缓存
顾名思义是由于浏览器的缓存机制导致的一种跨域情况。这种跨域一般会出现在浏览器通过一些无视跨域的标签和css(如img、background-image)缓存了一些图片资源之后,当再次发起图片请求时(比如转base64等操作),就不会向服务器端请求数据,而是直接请求缓存数据,从而引起了跨域。这个时候即使服务端设置了。省流:浏览器请求的是服务器的缓存数据,会导致跨域的发生。解决方法:禁用缓存强刷/无痕浏览。原创 2024-11-28 15:57:37 · 746 阅读 · 0 评论 -
【debug】ElementPlus table组件column传入formatter类型报错
不能将类型“((row: ShortUserPayType) => string) | ((row: ShortUserPayType) => number) | undefined”分配给类型“((row: any, column: TableColumnCtx。但我不需要这么多属性,我只需要row属性。原创 2024-10-11 15:33:41 · 436 阅读 · 0 评论 -
【前端】自动回复点击生成新的自动回复:下发html在前端生成dom,点击调用方法
方法返回自动回复的内容,把它加到自动回复的列表中。由于是svelte,需要。自动回复会下发内容和链接,点击链接会自动回复新的内容,像淘宝等的自动回复。生命周期(即DOM更新后)添加点击自动回复的事件。目标:实现点击下发的链接调用对应方法,完成自动回复。由于下发的链接不会经过svelte编译器,因此。下发的内容已经写了类和方法,并传入参数。点击后自动触发方法,需要手动去调用。直接获取链接的DOM元素,在。否则会点一次触发多次。技术栈:svelte。中获取参数,手动调用。原创 2024-09-04 19:48:10 · 580 阅读 · 0 评论 -
【前端】上传视频,截取第一帧图片
使用canvas实现:从一个视频文件中提取一帧图像,并将这个图像转换为一个可以在浏览器中使用的URL。使用input上传视频,获得视频的第一帧。得到的videoImg 可以在。原创 2024-07-30 18:07:05 · 1009 阅读 · 0 评论 -
【前端】原生实现图片的放大与缩放
,否则会不断地触发监听事件,表示为:当手指捏合操作图片的放大和缩小时,图片的变化显得很卡,且控制台输出一堆信息(中:我们点击图片会显示一个蒙版,图片显示在蒙版上,允许放大和缩小。因此,点击图片时才渲染这个蒙版,点击图片,出现一个蒙版和图片,双指捏合可以使图片放大或缩小。使用前端框架是svelte,但是不影响,功能都是JS实现。中定义此事件的监听,此时可能不存在。,要先把之前定义的监听移除(至于蒙版和图片:点击图片时。等,简单逻辑不赘述。原创 2024-07-16 16:33:50 · 1172 阅读 · 0 评论 -
【Swiper】轮播图 笔记
网络请求得到数据,原本使用循环渲染每一个slide,即3个。但是,这样会使得loop失效:使用loop的话(loop:true)要请求完图片才知道有多少个slide,会导致:一进页面不能立即显示轮播图。需求是:一共三张图,来回切,保持循环(1,2,3->2,3,1->3,1,2->1,2,3).虽然会显示循环,但是效果不好,在循环的图active(选中居中)之前,它是没有图片渲染出来的。,循3 才会显示出图片,但是此时循2没有显示出图片。的 循3 是空的,要把 循3 滑到中间,即。是选中居中的前一个的类,原创 2024-07-09 11:01:29 · 1225 阅读 · 1 评论 -
【前端】上传和下载zip文件,有进度条(el-progess)
传入一个srtProgress即可。不过效果是一下就闪到100了(可能是接口响应很快?场景:要上传一个zip,调用接口,然后下载一个zip。调用接口的接口响应要显示在进度条中。点击button实现上传,调用input原生组件的方法。的响应头,File对象不能被序列化为JSON。上传用的是input原生控件,在页面中隐藏。创建一个url和a标签,点击a标签则下载。在event中拿到上传的文件file。,要使用formData和。,以支持二进制的传输。请求某个接口下载文件。限制只能上传zip。原创 2024-07-02 16:45:38 · 578 阅读 · 0 评论 -
el-pagination分页组件导致发送两次请求
当分页组件选择到别的页数(非第一页),再进行查询,查询的内容会显示在第一页,此时会发送两次网络请求。,这里是自动切到1,因为bookTotal<pageSizes。页数的参数变化后,会。网络请求后,返回的数据会改变bookTotal,即分页组件的total参数,网络请求代码:将返回的数据中的数据个数赋值给bookTotal。搜索代码:将分页组件页数选择为1,发送网络请求。可以控制当前分页的页数,写上它就不会触发。,于是又调用了一次接口getList。原创 2024-06-18 14:47:22 · 655 阅读 · 0 评论 -
el-radio单选框的选中与取消
结果为:第一次点击时选中,之后多次点击都是选中,且控制台输出为false。需求是有一个单选框,点击选中,再次点击取消。原创 2024-06-18 14:33:23 · 2392 阅读 · 5 评论 -
本地localhost与目标地址跨域问题的解决方法
启动本地前端项目,通过abc访问即可。原创 2024-06-17 17:19:34 · 512 阅读 · 0 评论 -
【debug】element-ui时间控件回显后不可编辑且显示为空
问题:使用element-ui的时间控件回显数据,编辑数据没有反应:点时间和“确认”按钮都没反应。我认为不是这个原因,因为其他的控件都回显成功且可以编辑。输入框中会显示数据,但提交时的校验显示为空。查了很多资料,基本上都说要手动赋值,如。中显式地声明值,这里是。中显示的声明这个值。原创 2024-03-06 19:05:55 · 921 阅读 · 0 评论 -
【国际化】文段中的HTML标签(JQuery-i18next)
【代码】【国际化】文段中的HTML标签(JQuery-i18next)原创 2024-02-19 16:40:00 · 599 阅读 · 0 评论