《前端校招》专题

一、在浏览器中输入URL并回车后都发生了什么？ URL（俗称网页/网址；如：https://www.baidu.com/） https => 加密传输协议 www => 服务器 baidu.com => 域名 ?id=xxx => 参数 答：先解析URL拿到IP地址，建立TCP连接（三次握手），请求和传播数据，渲染页面（断开连接=> 四次握手） 俗话称：先拿到地址然后试探一下（三次握手，不携带数据

面试官很温柔，引导答案，有些开放思考的问题 基于项目中写到的点提问 localStorage 如何使用的？ React 16版本有什么新东西，17版本呢 Fiber 结构有什么优点，实现了什么 使用 VDOM 如何实现更新中断？（开放 Axios 使用方式？拦截器有什么应用，如何使用？源码中如何实现？（开放 Promise 的方法有哪些，链式调用的优点，如何捕捉错误 面向对象的特点 js中的继承

用的赛码系统，前端题型是30道单选(非常杂，有计算机基础知识吧、行测一类的逻辑推理题、就是没有前端的HTML、css、js。可以说没法准备) + 编程题2道 + 附加题（一个写作题，没有分，没来得及写） - 做完就报名重考了，还得受一遍折磨！😫 - 看草稿感觉梦回高中了😂 编程题 1. 魔法送外卖，骑手有 n 个订单，每个订单需要时间 t 配送，每个订单有一个截止时间；骑手来不及送到订单可以用

1. 原始数据类型和引用数据类型，为什么原始类型要存在栈中而不存在堆中，如果原始类型例如字符串栈存不下过长怎么办 2.深拷贝，如何对产生循环引用的两个对象的其中一个深拷贝 3.如何解除循环引用 4.不使用JS中的{}，如何自己设置一个可以实现a.key1 = value1,a.key2 = value2的数据结构 5.http3.0了解吗 6.TCP协议如何做到可靠的，如何设计使UDP变得可靠？？

前言： 4399的前端笔试挺简单的，题目也比较中规中矩，本次考察了“计算机网络、JS、dom”等知识 题型是“单选X10 + 简答X3 + 编程题X3 + 论述题X4” 4399用的是自己的考试系统，开考前系统崩了一下，很快就好了。他的编程题不能用本地IDE，前端的没必要用，我估计其他的也一样，因为它都没有通过率的概念，直接说“本系统不支持核心代码模式，但若是题目要求用核心代码模式，就写上好了，不

聊天 介绍 cdn cdn溯源 数据类型 【手写】判断数据类型（typeof, toString.call，注意大小写） 【手写】最大和的连续子序列 http code（不记得403） cookie用处 cookie跨域（不会） 数组的api，写了17个 怎么学习，看什么博客 然后就没什么问题了，开始聊天，GitHub，Vue和React，团队气氛，考研，然后聊着聊着说再来考你点计算机的东西 数组

面试体验很不错 45 min 聊项目，细说难点实现 blabla 状态码 跨域 get/post 开始做题： 基于promise实现输入 url 在内存中提前加载一个网络图片（Image 对象，先下载还是先监听） 多个 url 时的并发（Promise.all） 多个请求的并发限制（呜呜呜没弄出来） #猿辅导##秋招#

8-12 一面 自我介绍，实习，项目…… 开篇谈项目，项目如何架构、难点 跨域，如何解决，几种方式 因为是数据展示平台，问了一个前端如何处理数据精度丢失的问题 项目中如何协调接口---衍生出了HTTP几种请求方式，特别问到了OPTION 浏览器的进程有哪些 浏览器如何渲染的----衍生出了合成层的概念 又问了一下实习体验，对业务的理解 八股环节 计网OSI模型，以及各层的协议及作用 tcp三次握手

一面&二面： 跨域 DNS GET/POST 原型链（考题写结果） 闭包 React Hooks 的作用与意义 HTTP/HTTPS 加密原理 ES6 bind、call、apply（考题写结果） 事件循环写结果 算法：两数之和 字符串转对象嵌套 一紧张没做出来，太菜了，直接显示今天面试结束，没有hr面 #好未来##秋招#

45 min 第二天收到感谢信，已挂 原型及原型链 闭包 Promise 宏任务微任务 React 生命周期 useEffect 的作用 浏览器渲染流程 DOM 解析过程遇到 script 标签会发生什么 Webpack 的作用 forEach、filter、map 的区别 跨域以及跨域的解决方案 Typescript 接触过吗 手写深拷贝 手写冒泡排序#地平线##秋招##前端#

#猿辅导##面经##前端#

异步与多线程有没有关系，是不是并发执行的过程？ 静态资源的请求是并行请求，还是串行请求 手写filter函数 懒加载怎么知道它出现在视口页面 http请求类型，怎么判断什么情景什么请求 手写filter方法 系统中会有消息的闪烁，这种消息的渲染变化如何实现，（前端如何收到后端通知）答：轮循，websocket    vue中如何监听到路由地址的变化，怎么实现的？底层基于什么实现的 最近有学什么新的

简单介绍实习经历 Web前端优化方法 前端自适应方案 Flex:1是哪几个属性的缩写 讲一下闭包 讲一下http与https 行内元素与块级元素有什么区别？ 行内元素与块级元素是否可以随意嵌套。 行内元素设置padding，margin是否有效。（左右有效，上下无效） 你知道几种定位方式（粘性定位），哪种定位方式脱离了标准流.+ Html5新元素有什么了解。 http1 1.1 2之间的区别。 一

基本上是围绕简历问的，所以家人们简历上写得都得会呀！！！ css 1.权重问题，设置多个的时候怎么计算，如果一个元素设置了！important背景红，hover背景黑，谁的权重比较高 2.盒子模型，通过什么属性更改盒子模型 3.flex布局，上中下布局，上下固定，中间自适应      怎么让一个盒子水平垂直居中（经典面试题） 4.rem，px，em 5.position四种取值 6.浮动，清除浮动

写点面经攒攒人品（估计凉经） 先是自我介绍 期望工作地 岗位 然后面试官提问题 1. 介绍一下项目 2. 前后端路由如何配置 3. axios如何二次封装 4. 数据库增删改查语句（我说我会但是没怎么答的上来） 5. 数据库事务的特性（忘了，只记得隔离性？） 6. v-if和v-show的区别 7. vue3.0（直接说了没有接触过） hr： 1. 有没有考公考研的计划 10min 结束了 #提前