连续的英文字符和阿拉伯数字不能换行
摘要：原因： 这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。 解决方法（以IE，chrome,FF为测试浏览器）： { word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/
阅读全文
posted @ 2023-07-19 14:17
07 2023 档案
正则校验
摘要：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
flex-warp换行后之间的间隔调整
摘要：情况：当使用flex-warp：warp时，没加align-content之前，元素在换行之后，剩余空间被所有行平分，各行将会伸展以占用剩余的空间。 解决：需要使用align-content改变剩余空间分配方式
阅读全文
posted @ 2023-07-18 16:26
html2canvas + jspdf 实现前端将页面内容生成 PDF
摘要：一、简易步骤（仅支持下载一页，无法分页） 1.下载插件模块 npm install html2canvas jspdf --save 2.编写代码 import html2canvas from 'html2canvas' // 引入插件 import {jsPDF} from 'jspdf' //
阅读全文
posted @ 2023-07-14 10:29
解决本地上传文件，下载PDF失败或者只打开不下载的问题
摘要：情况：前端上传文件（不调用接口存储文件），存放至列表供下载（文件区别pdf和其他文件格式不同处理情况） 1.上传组件逻辑，获取上传的文件 <template> <div class="uploading-wrap"> <ak-upload name="file" ref="upload" :load
阅读全文
posted @ 2023-07-10 15:23
图片什么时候使用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
vue2 - 父子组件在生命周期传值，无法获取数据
摘要：排查因素：是否是生命周期问题？ 情况：父组件mounted时期获取值传递给子组件，子组件无法在生命周期内获取！ 原因：生命周期创建流程为create(父）=>完整生命周期（子）=>mounted（等父生命周期），因此mounted在子组件生命周期之后，因此无法获取 解决：1.通过computed进行
阅读全文
posted @ 2023-07-06 15:05
