上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 16 下一页

2023年8月7日

vue通过style切换背景图片,出现闪屏现象

摘要: 1.情况:通过监控swiper的index修改背景图片,出现闪屏情况 2.解决:尝试过多种方法例如v-clock,提前定义路径变量等都无法解决问题,最终使用提前定义好类名,通过修改类名动态更改类解决,在浏览器网络中可发现只请求过一次,不再是滑动时每次重新请求图片,因此不会出现闪屏现象 阅读全文

posted @ 2023-08-07 15:09 ChoZ 阅读(775) 评论(0) 推荐(0) 编辑

2023年7月19日

连续的英文字符和阿拉伯数字不能换行

摘要: 原因: 这是因为div中,英文字母之间没有空格的话,它会默认认为这是一个英文单词,所以单词就一次输出不换行。 解决方法(以IE,chrome,FF为测试浏览器): { word-break:break-all; /*支持IE,chrome,FF不支持*/ word-wrap:break-word;/ 阅读全文

posted @ 2023-07-19 14:17 ChoZ 阅读(59) 评论(0) 推荐(0) 编辑

正则校验

摘要: 1.手机号固话正则校验:合法数据示例: 13812341234 010-12345678 (0432)1234567-1234 ^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$ 阅读全文

posted @ 2023-07-19 11:50 ChoZ 阅读(19) 评论(0) 推荐(0) 编辑

2023年7月18日

flex-warp换行后之间的间隔调整

摘要: 情况:当使用flex-warp:warp时,没加align-content之前,元素在换行之后,剩余空间被所有行平分,各行将会伸展以占用剩余的空间。 解决:需要使用align-content改变剩余空间分配方式 阅读全文

posted @ 2023-07-18 16:26 ChoZ 阅读(1492) 评论(0) 推荐(0) 编辑

2023年7月14日

html2canvas + jspdf 实现前端将页面内容生成 PDF

摘要: 一、简易步骤(仅支持下载一页,无法分页) 1.下载插件模块 npm install html2canvas jspdf --save 2.编写代码 import html2canvas from 'html2canvas' // 引入插件 import {jsPDF} from 'jspdf' // 阅读全文

posted @ 2023-07-14 10:29 ChoZ 阅读(529) 评论(0) 推荐(0) 编辑

2023年7月10日

解决本地上传文件,下载PDF失败或者只打开不下载的问题

摘要: 情况:前端上传文件(不调用接口存储文件),存放至列表供下载(文件区别pdf和其他文件格式不同处理情况) 1.上传组件逻辑,获取上传的文件 <template> <div class="uploading-wrap"> <ak-upload name="file" ref="upload" :load 阅读全文

posted @ 2023-07-10 15:23 ChoZ 阅读(306) 评论(0) 推荐(0) 编辑

2023年7月6日

图片什么时候使用require?看懂图片路径寻找规则、imgDom获取时间

摘要: 1.图片什么时候使用require? 当需要使用任何js操作时需要使用require,包括不限于定义在data和js文件中作为变量、使用v-bind:src操作符时。 2.看懂图片路径寻找规则 情况1:当项目没有配置基本路径时,图片获取路径为<img src='/static/img/1.png>, 阅读全文

posted @ 2023-07-06 15:28 ChoZ 阅读(218) 评论(0) 推荐(0) 编辑

vue2 - 父子组件在生命周期传值,无法获取数据

摘要: 排查因素:是否是生命周期问题? 情况:父组件mounted时期获取值传递给子组件,子组件无法在生命周期内获取! 原因:生命周期创建流程为create(父)=>完整生命周期(子)=>mounted(等父生命周期),因此mounted在子组件生命周期之后,因此无法获取 解决:1.通过computed进行 阅读全文

posted @ 2023-07-06 15:05 ChoZ 阅读(237) 评论(0) 推荐(0) 编辑

2023年6月28日

CSS :last-child选中不了元素

摘要: 1.情况:当div:finaincingMark-right-item后还有div:sliderLine时,使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div:finaincingMark-ri 阅读全文

posted @ 2023-06-28 11:39 ChoZ 阅读(80) 评论(0) 推荐(0) 编辑

2023年6月26日

console.log 弊端-数组有值但是打印出来空值

摘要: 情况:数组有对象但是length为0 原因:该数组原本有值,但是被数组操作api改变了数组,打印出来的值是已经被操作的数组 阅读全文

posted @ 2023-06-26 11:17 ChoZ 阅读(30) 评论(0) 推荐(0) 编辑

上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 16 下一页

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示