猛虎嗅蔷薇05052022年08月14日
65阅读

作品详情

1,功能: 用户可以在上边订飞机票,火车票,酒店。2,技术栈: webpack + vue2 + gitlab3, 难点: 预订首页 需要选择时间,城市,日期,然后根据这些条件带出差旅标准,预估费用,组件多,逻辑重,导致首屏渲染慢,各业务线页签切换缓慢,严重影响用户体验。我就采用 两个方法来解决了问题。1: 不需要首屏展示,通过用户交互才展示的组件 先不渲染; 2, 组件不要一次性全部放到浏览器 任务池,而是 检测有没 点击等宏任务,没有才把下一个组件放入浏览器宏任务池,让浏览器渲染;如果页签 切换就把剩下的 组件渲染任务全部清空,这样就可以避免长时间一直渲染组件导致用户的交互陷入“假死”状态。最后在ie 浏览器 和 chrome浏览器(模拟1/3cpu移动端)测试,很流畅。
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论