前言:金九银十，又是一年跑步季。 先说一下我的个人情况，一年半的经历，大专计算机专业。 以我对前台的热情，基本上每天都会抽出一些时间来学习，基础还可以。 其实留在上一个公司挺舒服的。没有加班。唯一的缺点就是技术不偏，业务比较简单。 考虑到未来的职业发展，我最终选择跳出这个舒适区。 9月中旬离职，上周面试了7家公司。 其中一个是优居。而这个面试过程也是一次有趣的经历。因为面试官基本不问前台的问题，所以被打了。 后来才知道面试官是全栈，偏背景。 所以这个参考可能对前台面试用处不大，小伙伴就看热闹，扩大知识面就行了。 在浏览器中输入网址后会有什么体验，也是一个老经典话题。相信很多朋友也看过相关文章。 过程大致如下:DNS解析ip根据ip向服务器发送连接请求，三次握手，连接服务器进行数据传输，挥四次，断开服务器(不确定会断开连接，因为HTTP1.1会重用TCP连接)，浏览器解析数据，并行构建DOM树和CSSOM树，合成渲染树布局，绘制渲染层合成(显示内容在页面上)。 面试的时候可能有点紧张，但是后面页面的渲染部分我没说什么。 https重定向的原描述是，为什么在浏览器上输入http://www.baidu.com会跳转到https下对应的域名，这是什么目的？其实很简单。跳转是服务器重定向的解决方案，目的是保证网站的安全。 有几种方法可以重定向网页。a标签location.hrefwindow.open设置html meta标签window.open的缺点是什么.打开的网页可以通过window.opener属性获取源网站的window对象，或者通过document.referrer获取源网站的地址 因此，在使用window.open时，可以将第三个参数设置为noopener = yes和noreferrer = yes。 UTF-8和GBK的区别已经被撕裂，但还没有得到回答。 正确答案:GBK包含所有汉字；UTF-8包含世界上所有国家需要的字符。 UTF-8是国际编码，通用性好。GBK是国家代码，通用性比UTF-8差，但UTF-8占用的数据库比GBK大。 请求由什么组成？请求行(请求方法、URL、HTTP协议版本)、请求头、请求体(post传输的数据)浏览器缓存(强缓存、协商缓存)大致描述了强缓存使用的字段以及使用缓存的过程。 协商缓存的字段我不记得了，但隐约觉得协商两种缓存策略比较重要，一种是根据文件的修改时间进行比较，一种是根据文件内容的哈希值进行比较。 有哪些http头content-type用过，有几个头是自己设置的？ 工作中常用的就是这些。 先说http2，它的应用场景http2新增了“复用”的特性。基于“二进制成帧”，字节流数据被分成带有数字的片段进行传输。服务器收到数据后，根据数字合成一个完整的数据。 应用场景不是我想出来的。你懂http3吗？我只理解传输层是基于UDP协议的 为什么https比http安全？https加密过程https比http更安全，因为它在传输数据时是加密的。 回复浏览器生成一个随机数供服务器构造对称加密算法，然后对称加密和非对称加密一起使用。数据是对称加密的，而对称加密密钥是不对称加密的。 在数据加密之前，有一个证书验证阶段。我不记得回答了。 证书中的公钥用于加密随机数并将它们发送到服务器。 对称加密有哪些应用在工作中没有用过，但知道AES对称加密？ 数据包捕获工具可以捕获https数据吗？如果有，如何保证安全？ 因为是客户主动操作，所以抓包工具可以配置客户信任的证书，所以可以通过抓包工具获取数据。 jwt是什么？jwt可用于验证客户身份信息，这类似于传统的令牌。 传统令牌是服务器通过MD5方案将客户信息发送给用户，用户在请求时进行令牌验证。 因为MD5是不可逆的，所以服务器需要去数据库查询相关客户信息，然后再次进行MD5，与用户发送的MD5进行比对。 Jwt是一种不需要服务器查询数据库的操作。jwt有相应的加密和解密算法。服务器获得jwt后，可以通过密钥解密获得客户信息。 Oauth2.0验证流程听说过，没看懂，没回答。 响应式API是一种接口设计规范，使用get(获取)、post(创建)、put(升级)、delete(删除)等语义方法来描述请求。 url将携带版本号和资源名，资源将以复数形式描述。 据说graphQLgraphQL是一种api查询的语言，允许客户端只获取需要的数据。 在开发中，后台返回的数据会包含少量前台不需要的内容。 可以用GraphQL把获取数据的主动权交给前台，后台返回的数据可以用数据模型指定，这样就可以只获取需要的数据，减少接口的冗余数据。 我说下一个B+树很蠢。我只是简单的问了下Vue生命周期没有回答，然后就围着项目问。 而且我发现很多公司都会问性能优化的问题。 这里我也给点建议，可以从这几个方面来回答:渲染:减少回流和重绘，使用片段应用的dom操作:防抖，节流资源:vue路由懒人加载，小程序分包，Sprite图，图片懒人加载，dns预解析，压缩，缓存webpack:dllPligin，多进程打包，三方都是老板的脸。不谈技术，基本上就谈几个经验。 从交谈中得知老板转行做程序员了。曾经是全栈工程师，留在阿里。 然后我意识到这家公司成立不到半年，应该是Youju.com旗下的公司。 我问了老板公司的技术团队规划。目前全栈只有两个，技术团队在扩大，未来会保持在十人左右。 目前在做前台开发。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙3000人:前:851中:231末:348。 或者关注我的微信微信官方账号:(前台留学生)有少量前台自学的初学者裙档。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 虽然最后拿到了offer，但还是选择不去。 个人倾向于稳定少数公司 文中有几个问题的回答不是很全面，有兴趣的可以自行查阅相关资料。 希望正在面试的小伙伴不要被打，早日拿到心仪的offer。