大屏项目Echarts不同屏幕之间适配
摘要：1.解决方案：使用缩放，前提：需要严格按照设计图提供的像素大小，尽可能少使用百分比以及尽可能少使用rem插件（会导致rem和缩放同时生效反而比例不对）,如发现细节不对，需对该处细节精确去按照比例去调整大小，并配合echarts方法解决 2.解决方法： 2.1给最外层盒子设置缩放样式： .large-
阅读全文
posted @ 2023-08-22 11:41
08 2023 档案
css单行垂直居中，超过两行显示省略号
摘要：HTML： <div> <span>单行居中，多行居左单行居中，多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips
阅读全文
posted @ 2023-08-21 17:57
js数组终止循环的方法
摘要：取代使用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
阅读全文
posted @ 2023-08-17 11:43
vue通过style切换背景图片，出现闪屏现象
摘要：1.情况：通过监控swiper的index修改背景图片，出现闪屏情况 2.解决：尝试过多种方法例如v-clock，提前定义路径变量等都无法解决问题，最终使用提前定义好类名，通过修改类名动态更改类解决，在浏览器网络中可发现只请求过一次，不再是滑动时每次重新请求图片，因此不会出现闪屏现象
阅读全文
posted @ 2023-08-07 15:09
