字节暑期实习前端一面

介绍项目

项目做了那些优化

• 压缩构建产物，分包chunk，修改压缩器为esbuild

• 配置字体，音频和css等资源静态缓存

• 添加列表动画实现平滑过渡

• 表单提交添加防抖处理

• 对输入框进行过滤防止XSS攻击

• 对语音播报的内容添加节流处理

• 配置路由懒加载，避免首屏加载资源过多，减少首屏加载时间

• 配置路由拦截，防止未登录访问系统

• 通过对象存储管理图片资源

• 配置token续签功能，确保用户对后台服务的有权访问

JS数据类型

闭包是什么，有什么作用

原型和原型链是什么

Koa洋葱圈模型

跨域怎么解决

• JSONP

• CORS

• 脚手架代理

• NGINX代理

• Websocket

• postMessage+iframe

• document.domain+iframe

浏览器的多个标签页如何通信

• ServiceWorker

• SharedWorker

• localStorage

• BroadcastChaneel

强缓存与协商缓存

HTTP缓存的资源的存储位置

• 硬盘缓存

http1.0、http1.1和http2区别

vue2与vue3的区别

Vue3有什么优势

• 采用TS重构，增强对于TS的支持能力

• 重构响应式系统，将Object.defineProperty改为Proxy，拦截整个对象属性的操作

• 重构diff算法，引入最长递增子序列的思想，减少比对次数，提升性能

• 修复vue2中插槽更新的异常，比如子组件更新引发整个父组件更新

• 引入组合式API，降低对于this的依赖程度，通过函数式编程的思想管理组织功能模块

找出字符串的出现次数最多的元素以及次数

数组元素去重

• set

• filter

• map哈希表

• 新创建数组