图片什么时候使用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
随笔分类 - 实际开发遇到的问题-解决方案
console.log 弊端-数组有值但是打印出来空值
摘要：情况：数组有对象但是length为0 原因：该数组原本有值，但是被数组操作api改变了数组，打印出来的值是已经被操作的数组
阅读全文
posted @ 2023-06-26 11:17
background--详解(背景图片根据屏幕的自适应)
摘要：ackground：有以下几种属性： background-color background-position background-size background-repeat background-origin background-clip background-attachment back
阅读全文
posted @ 2023-01-18 17:00
前端 不同屏幕下页面的宽高不一致
摘要：引言：在设置相同的宽高的两个盒子，你在标准电脑屏幕下显示的是同宽同高的盒子，但是你在不标准的分辨率的电脑屏幕发现大小不一致。 原因在于项目设置自动转换会自动将class类设置的宽高转化为rem单位，但是在style是不会转换为rem单位的，导致大小不一样
阅读全文
posted @ 2022-12-08 15:22
ant design分页中 showQuickJumper不生效(不见input输入框）
摘要：
阅读全文
posted @ 2022-11-30 10:05
html video标签播放不了视频原因
摘要：1.检查视频格式，并非所有的MP4格式都能播放 详细格式要求请看：https://blog.csdn.net/qq_40340478/article/details/108309492 2.如果是在项目中无法播放，请检查视频地址是否包含http://，没有包含则自动会代理到前端服务地址， 自然是视频
阅读全文
posted @ 2022-11-29 16:34
前端批量数据映射方法
摘要：1.目的 实现数据的映射，例如：后端返回的数据为1，根据1映射对应的信息 （针对需要大量数据进行映射而封装的方法，如只有少数需要映射在获取后端数据进行简单映射即可） 2.实现 2.1映射数据结构 data：{ applyNum: "CN201810954152.3" auditStatus: "1"
阅读全文
posted @ 2022-05-23 15:40
keep-alive解决多页数列表进入列表详情后，返回列表页面时列表页不刷新（不能记录已跳转的页数）问题
摘要：一、方法1 1.对需要记录的页面使用keep-alive 2.在home页面对需要缓存的页面进行判断 更新：漏洞：这个被缓存的页面不会进行刷新，如果需要在其他页面进入该缓存页面刷新。即前进到该页面时刷新，后退到该页面缓存 1.通过路由level属性区分三个层级 2.在列表页面对进入到该页面的路由层级
阅读全文
posted @ 2022-04-25 17:02
前端开发遇到图片不显示问题
摘要：1.绑定style的图片路径不可以有空格，否则显示找得到图片，但是显示为空白。 2. 2.1使用背景图时在限定宽高的区域，图片因为可视区域变动而显示不全，使用background-size: contain; 2.2使用img时 object-fit: contain; 3.问题：使用backgro
阅读全文
posted @ 2022-03-24 17:19
解决网页缩放后网页大小更改和不同屏幕尺寸的适配
摘要：问题： 项目图片经过使用浏览器的缩放至其他倍数，重新缩放回100%时无法恢复原图片大小 （缩放规则：如10 => +50% =>15,回到100%时15 => -50% =>7.5 因为无法恢复原图大小） 解决：使用sass的math来计算vh和vw来实现适配 1.导入math和编辑vw、vh的计算
阅读全文
posted @ 2022-03-15 16:41
