项目中遇到过什么问题

50 阅读1分钟

一、虚拟列表:(1).可视条数:可视高/条高{1}.(8)定高=可视高{2}.Math.ceil::进1::?无空白 (2).(可视)第一索引:滑轮/条高{1}.Math.floor::退一{2}.(8)scrollTop!:://T (3).后一索引:(1)+(2)::可视条数+(可视)第一索引 (4).切片正负一(索引){1}.Arr.slice(+1,-1) (5).上边距=滑轮-(半条高:::滑轮%条高:余数){1}.(2)中的滑轮::!动态 ?::(6)(循环)中是item (6).(循环(4):::渲染):(5)里面::::only (7).(5)外层是高=条(数)*条高 (8).(7)外层是滚动条:overflow:auto:::定高:绑定滑轮事件 附:[1].mounted:1.数据(?条数)2.::?绑定滑轮事件(重复|1) [2].(8)、mounted:绑定滑轮事件=>//TA(1)-(5) :::可见区域渲染 (1)-(5)

image.png

image.png 二、动态font-size (1).获取html元素:documentElement(document.documentElement) (2).获取(1)::html宽度:{1}.getBoundingClientRect()::a.b:b返回宽{2}.width(html.getBoundingClientRect().width) <3>::(if(2)>640,(2)=640,去PC) (3).(1).font-size=(2)/7.5((var)(1).style.fontSize = (var(同))(2)/7.5 + "px";)/${htmlWidth / 7.5}px

image.png

image.png