摘要： 1.情况：做大屏时，swiper切换时背景图片要切换，因背景图片过大，过快切换会出现屏幕闪白情况 2.解决：通过设置切换时，行内样式切换背景图片，使用异步的方法来解决屏幕切换白屏问题 // vue2实现<template> <div class="background" :style="{ back 阅读全文

摘要： 1.axios请求携带 responseType: 'blob' export function getCreateReport(id) { return request({ url: `${apiPrefix}/bus/proposal/evaluation/${id}`, method: 'Ge 阅读全文

摘要： 1.echarts options设置 tooltip: { trigger: 'item', className: 'custom-tooltip-box', // 命名父级类名 formatter: function (params) { const { name, value } = para 阅读全文

摘要： 1.解决方案：使用缩放，前提：需要严格按照设计图提供的像素大小，尽可能少使用百分比以及尽可能少使用rem插件（会导致rem和缩放同时生效反而比例不对）,如发现细节不对，需对该处细节精确去按照比例去调整大小，并配合echarts方法解决 2.解决方法： 2.1给最外层盒子设置缩放样式： .large- 阅读全文

摘要： HTML： <div> <span>单行居中，多行居左单行居中，多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips 阅读全文

摘要： 取代使用forEach时，遇到不符合的条件立刻终止，forEach无法return中止函数 var arr = [1,2,3,4,5,6,7]; try { arr.forEach((item,index) => { console.log(item); if(item == 3){ throw n 阅读全文

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

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

摘要： 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})?$ 阅读全文

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