小龚的博客

欢迎点击: 个人官网博客.项目列表数据越来越多(上万条)，正常列表可以分页，但是像下拉框之类组件就不能分页。每次都要加载所有的(很慢)，性能不好的浏览器特别卡顿。虚拟滚动的技术完美解决。主要用于无法使用分页功能的长列表首屏加载速度慢问题，DOM加载过多“无用”元素。上效果图：核心：元素监听scroll事件计算可视化高度一次能装几个列表，然后从总数据中进行slice截取每一次滚动后根据scrollTop值获取一个可以整除itemH结果进行偏移上代码，可直接复制运行<!D

Vue中后台项目的前端总结技术栈：样式：CSS 预处理器的选择:局部样式与全局样式:异步请求：--- 重点封装 Axios:跨域问题:Mock 数据：规则：路由：--- 重点布局三大类：权限验证:1.auth2.permissionsVuex:组件库:过滤器:指令：项目优化：--- 特重点1.体验优化：页面载入进度条：美化滚动条:静态资源加载页面(首次加载白屏)：移动端 100vh 问题：2.构建优化:1.包分析工具:webpack-bundle-analyzer2.开启 Gzip(后端配置支持你的 .gz