前端面试准备问题2

1.防抖和节省分别是什么，应用场景

   防抖：在变乱被触发后，只有在指定的延迟时间内没有再次触发，才实验变乱处理函数。
                  在我的理解中，简单的说就是在一个指定的时间内，仅触发一次，假如有多次重复触发，就开始重新计时。防抖的使用场景重要是处理用户频仍触发的利用，比方搜索框输入，表单验证等，通过防抖机制，可以减少频仍调用函数的次数，进步性能。
  节省：在指定的时间隔断内，只答应变乱处理函数实验一次。
                  总结：节省，就是在指定的时间内，不论触发多少次，就只实验一次。节省的使用场景重要是控制高频触发的变乱，好比页面滚动，按钮点击或者鼠标移动等场景，保证在肯定时间内只实验一次变乱处理，避免性能开销
  2.在过往的项目中都有做过什么样的性能优化，具体怎么实现的呢？

   对于如许的回答，实在就是考察我们的实际项目履历，可以从真实场景，具体步调和结果三个方面回答。
  像我们寻常做大屏开发的项目比较多，就可以如许回答：
  在我参与的项目中，占据大屏的项目居多，我的工作能重要就是负责实时数据展示和图表渲染，同时为了保证用户的使用体验，随着数据量和图表的增多，页面渲染卡顿，数据更新延迟，通常我会接纳这些优化步调：
  首先：我会通过websocket替代传统的轮询方式，实现双向通讯，实时推送数据，减少数据请求的频率，进步实时数据的流通性。
  其次：对于在Echarts图表渲染大量数据中，通常我会联合dataZoom实现数据分段加载，默认表现前1000条数据，当用户拖动缩放时，在通过API获取剩余的数据
  然后：对于一些数据更新不频仍的图表，采用懒加载和组件按需渲染，利用 Vue 的 keep-alive 特性，对不频仍更新的图表进行缓存，避免重复初始化和 DOM 利用，减少资源开销。
  最后，对于静态资源，我们可以通过CDN加速，将静态资源上传到CDN，进步加载速率，紧缩用户和资源节点之间的网络延迟。
  3.说说你对websocket的相识

   WebSocket 是一种双向通讯协议，它答应客户端和服务器之间保持一个长期的毗连，双方可以随时相互发送消息，而不需要频仍建立毗连。相对于传统的 HTTP 协议，WebSocket 在性能上有很大上风，特别是在实时应用场景中，好比在线谈天、实时数据推送等。
  自己回答：
  在我参与的一个智慧农业灌溉大屏项目中，我们做过一个自动化灌溉的功能，灌溉体系涉及到的装备开关需要实时展示和利用，好比用户通过大屏点击开关控制装备的状态，而状态变革需要实时反馈到前端，这里我们就是用了websocket来实现。
  具体的来说，当用户利用灌溉体系的开关时，前端通过websocket向服务器发送开关状态的指令，服务器担当到指令后，会实验装备控制的逻辑，并实时返回利用结果给前端。
  好比说用户点击关闭按钮时，体系就能在毫秒级返回装备的当前状态，整个过程是非常流通的。
   
 
 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。