大疆秋招前端综合评估

1.vue2和vue3的区别2.v-if v-show的区别3.Dom节点的增删对浏览器性能的影响4.一个网页在使用时正常，后面使用出现了卡顿和崩溃，如何检查，如何解决5.九宫格布局的多种实现6.grid布局实现九宫格布局的缺点7.两段 JavaScript 代码输出try {setTimeout(() => {try {throw new Error('error info')} catch(error) {console.error(error)}}, 0)} catch (error) {console.error(error)}try {setTimeout(() => {throw new Error('error info')}, 0)} catch(error) {console.error(error)}这段代码的输出是什么，原因是什么8.setTimeout和setInterval在浏览器如何执行9.你平时是怎么学习前端的手撕：数组元素去重（不能用set和indexof）反问

1.实现CSS垂直水平居中的5种方案2.解释JavaScript闭包及其应用场景3.手写防抖函数debounce4.浏览器事件循环机制中宏任务与微任务执行顺序5.Vue3响应式原理实现流程6.如何实现首屏加载时间从5s优化到1s以内?7.Webpack分包策略如何配置?8.实现深拷贝时如何处理循环引用?9.React Hooks的useEffect与useLayoutEffect别10.前端如何实现精准的埋点数据采集?11.设计可撤销/重做的前端操作方案12.设计高并发场景下的前端缓存策略13.实现权限路由系统的技术方案14.从输入URL到页面展示的完整过程15.手写Promise.all并处理异常情况16.前端监控系统设计要点17.微前端方案落地难点及解决方案18.如何设计跨平台组件库架构?19.LeetCode 146.LRU缓存机制

1.Web worker在你项目中解决哪些问题2.Web worker局限性，性能调研？3.虚拟列表怎么做的，原理4.Js基础类型5.引用类型怎么存储的6.输出结果，解释for(var i = 0; i < 10; i++){setTimeout((i) => {console.log(i);})}for(var i = 0; i < 10; i++){setTimeout(() => {console.log(i);})}7.计网七层模型，TCP，IP在哪一层8. IP协议有什么用9.子网掩码是什么意思10. ipv4 ipv6区别，ipv6中有子网掩码吗，ipv6前缀的作用11.ipv6是多少位的12. 操作系统死锁概念，四个必要条件13. 进程和线程区别14. 进程之间通信方式15.半双工含义16.虚拟dom原理17.fiber原理18. React 和vue区别19.react最新版本是什么，有什么更新20.手撕splice

1.微前端架构落地方案及沙箱实现2.如何实现前端路由?Hash和History模式的区别3.解释浏览器渲染原理及关键渲染路径优化4.Webpack构建优化有哪些具体措施?5.如何处理大文件分片上传?6.高并发场景下的前端性能优化策略7.Webpack构建速度优化完整方案8.前端灰度发布实施方案9.设计一个前端异常监控系统10.大型SPA应用状态管理方案选型11.Serverless 在前端的应用场景