项目相关

1. 技术要求，需要从技术栈扩展讲解
   PC端、APP端、PC客户端 electron等模式
   vue和react的使用情况，你认为有哪些区别？https://juejin.cn/post/6844904158093377549#heading-7 https://juejin.cn/post/7144648542472044558#heading-16
   vue双向绑定，响应式原理概述？vue3：https://blog.csdn.net/qq_22182989/article/details/125781704
   前端基础问题？ https://juejin.cn/post/7016593221815910408#heading-85
   composition API和options API区别？https://juejin.cn/post/7114653124131815432
   从URL输入到建立过程？https://juejin.cn/post/6935232082482298911#heading-39

2. 项目的亮点展示（具体实现以及实现中遇到的问题）
   （1）虚拟滚动组件优化开发、vue-virtual-scroller https://juejin.cn/post/6965675310159233037#heading-6
   组件封装：https://juejin.cn/post/6952777507162554382
   （2）webpack打包性能优化、首屏优化
   https://juejin.cn/post/6936791056298016775
   （3）Token、单点登录实现方案、 https://mp.weixin.qq.com/s/vMhYK7-0ZIgBczWuSpBuuQ
   4 种方案的使用场景：
   Cookie + Session 历史悠久，适合于简单的后端架构，需开发人员自己处理好安全问题。
   Token 方案对后端压力小，适合大型分布式的后端架构，但已分发出去的 token ，如果想收回权限，就不是很方便了。
   SSO 单点登录，适用于中大型企业，想要统一内部所有产品的登录方式。
   OAuth 第三方登录，简单易用，对用户和开发者都友好，但第三方平台很多，需要选择合适自己的第三方登录平台。
   （4）微前端方案
   singleSpa和乾坤
   父子路由机制如何解决配置？父应用用hash，子应用用history？

   ---

   项目相关介绍？？？

   项目准备

   star法则

   Situation: 事情是在什么情况下发生

   Target: 你是如何明确你的目标的

   Action: 针对这样的情况分析，你采用了什么行动方式

   Result: 结果怎样，在这样的情况下你学习到了什么

   关于客户端对接难点推动

   S

   • 本部门web和客户端对接需求比较耗时；
     1， 产品单独对接都需要较长工作量，
     ws库文件各自产品业务维护，不便于管理和使用；
     2， 相同功能接口不一致；（下载、路由菜单切换、跳转等）
     3， 网页贴片视频播放业务场景不满足！

   T

   • 1. 轻量化客户端形成统一对接入口；
   • 2. 完成通用接口封装（登录，登出，保活），以及内嵌基础功能（录像、实时、画面增强、下载等）
     • websocket
     • reconnect js库（重连）
     • 兼容bs和 cs（pc app）

   A

   • 和客户端进行websocket对接，确定我们的目标功能，自己支持的浏览器版本以及场景！ 新增npm库@psi/dss

   • 收集各个产品的基础功能，筛选出哪些进行库内部支持

   • 自动裁剪

   • 选择器dom传入处理，有默认的！

   计算剪切区域，碰撞交叉区域！ requestAnimationFrame更新

   • 贴片计算位置？ requestAnimationFrame 处理

     • 最大的优势是由浏览器来决定回调函数的执行时机，即紧跟浏览器的刷新步调；能保证回调函数在屏幕每一次的刷新间隔中只被执行一次，这样就不会引起丢帧现象，自然不会导致动画的卡顿

     • CPU节能：使用setTimeout实现的动画，当页面被隐藏（隐藏的