![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端小问题
文章平均质量分 50
karshey
平平无奇打工人。
展开
-
【前端】原生实现图片的放大与缩放
,否则会不断地触发监听事件,表示为:当手指捏合操作图片的放大和缩小时,图片的变化显得很卡,且控制台输出一堆信息(中:我们点击图片会显示一个蒙版,图片显示在蒙版上,允许放大和缩小。因此,点击图片时才渲染这个蒙版,点击图片,出现一个蒙版和图片,双指捏合可以使图片放大或缩小。使用前端框架是svelte,但是不影响,功能都是JS实现。中定义此事件的监听,此时可能不存在。,要先把之前定义的监听移除(至于蒙版和图片:点击图片时。等,简单逻辑不赘述。原创 2024-07-16 16:33:50 · 478 阅读 · 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 · 870 阅读 · 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 · 357 阅读 · 0 评论 -
el-pagination分页组件导致发送两次请求
当分页组件选择到别的页数(非第一页),再进行查询,查询的内容会显示在第一页,此时会发送两次网络请求。,这里是自动切到1,因为bookTotal<pageSizes。页数的参数变化后,会。网络请求后,返回的数据会改变bookTotal,即分页组件的total参数,网络请求代码:将返回的数据中的数据个数赋值给bookTotal。搜索代码:将分页组件页数选择为1,发送网络请求。可以控制当前分页的页数,写上它就不会触发。,于是又调用了一次接口getList。原创 2024-06-18 14:47:22 · 340 阅读 · 0 评论 -
el-radio单选框的选中与取消
结果为:第一次点击时选中,之后多次点击都是选中,且控制台输出为false。需求是有一个单选框,点击选中,再次点击取消。原创 2024-06-18 14:33:23 · 510 阅读 · 0 评论 -
本地localhost与目标地址跨域问题的解决方法
启动本地前端项目,通过abc访问即可。原创 2024-06-17 17:19:34 · 279 阅读 · 0 评论 -
【debug】element-ui时间控件回显后不可编辑且显示为空
问题:使用element-ui的时间控件回显数据,编辑数据没有反应:点时间和“确认”按钮都没反应。我认为不是这个原因,因为其他的控件都回显成功且可以编辑。输入框中会显示数据,但提交时的校验显示为空。查了很多资料,基本上都说要手动赋值,如。中显式地声明值,这里是。中显示的声明这个值。原创 2024-03-06 19:05:55 · 762 阅读 · 0 评论 -
【国际化】文段中的HTML标签(JQuery-i18next)
【代码】【国际化】文段中的HTML标签(JQuery-i18next)原创 2024-02-19 16:40:00 · 404 阅读 · 0 评论