游戏数据组 日常一面

一辈子都面不到鹅，还忘记录屏了，悲

顺序不一定对，靠回忆了，回答也不一定对（

组里用的vue和nodejs，就没怎么问react，我也不会vue，因此都比较常规

• 自我介绍

• 会不会后端（不会）

• 问项目

  • 项目里的登录注册流程是什么

  • 有没有实现登录状态保存（没有）

  • 如果要实现状态保存，怎么做

    回答：存有过期时间的token，放到cookie里去鉴定，或是存到localstorage，但个人感觉localstorage可能不太安全，可能会被跨站攻击

• 提到了跨站攻击，那说一下相关的跨站和XSS攻击

  回答：XSS个人认为比较经典的例子是论坛里恶意用户输入HTML的script标签造成，可以从前后端方向都进行标签的过滤或者转义来解决这个问题，跨站攻击主要还是确定同源站

• 问项目

  • 你有个微信小程序项目实现了用户通信，怎么做的

    回答：介绍了一下设计的方案，当时不会用websocket，就存到数据库里了

• flex相关

  • 三个div，怎么实现三等分

    父设置flex，三个设置flex：1即可

  • 那flex的是哪三个属性缩写呢

    grow shink bisis，顺便说了一下怎么匹配

  • 实现品字型，怎么做，要求是绝对中心，中间没空隙

    刚开始说了flex，但是有空隙，之后说了用position去定位然后transform（感觉也不太对）

• 箭头函数的this指向问题（父）

• http

  • http版本也很多了，http2和1.1有什么优势呢

    答了多路复用的优缺点（并行，但是如果有超时会重传，所有都卡住），以及双向通信

  • https相比http，优缺点

    答：加了一层tls协议，非对称加密算密钥，之后对称加密通信，但计算麻烦，需要客户端和服务端交换计算多次。

  • 既然有这一层，怎么优化呢

    乱答：H5加了preconnet和dns-prefetch，可以在应用层优化，但更底层就不太清除了

• 可视化

  • 用过可视化吗（用了一点echart）

  • echart的两种模式，canvas和svg，用过吗

    答：没很深入用过，只知道canvas绘图，svg来显示一些图像

• 用过爬虫吗，用爬虫的时候有什么特别注意点

  答：IP池，无头浏览器模拟

• react有官方的构建工具，但是为什么你用了vite

  答： vite可以先构建文件再手动安装依赖，CRA下载量比较大等等

• 用过vite的什么优化呢

  答：分包，vite可以通过写函数检查node module，打包出多个文件

• 怎么学习前端的

  答：个人更喜欢看博客

• 反问

  • 第一次面大厂，有什么建议吗

    总体不错，都挺熟的，但可以多看经典的书籍，底层的话其实很多还是没变

  • 技术栈和工作内容

    偏全栈，vue和nodejs，也会写一些爬虫

• 算法:力扣402原题