《前端面经》专题

base北京 一面（6.29） 面试官是个很温柔的小姐姐，也没有让我尴尬的自我介绍 直接就手撕七道题，做了小一个小时 1. css实现三个效果 2. 输出题 3. 输出题 4. 输出题，没有记下来 5. 算法题，大数组[1,1,3,5,6,4,2,5,7]，小数组[4,4,2,1,3,8,11]，输出大数组和小数组的去重后的交集[1,3,4,2] 6.场景题，页面在用户每天第一次打开时alert(

首先自我介绍。然后问问题，基本是根据你的简历提问。 讲一下原型链。 你常用的开发浏览器是什么？说一下主流的浏览器有哪些？有没有用过浏览器的调试，跳到断点的快捷键是什么？ 问项目实现了哪些部分？登录鉴权怎么做的？怎么实现加密？ 浏览器缓存有哪些？为什么浏览器要使用缓存？ 问最近学了什么？(看我简历写的喜欢学习新事物)我说看了less,问为什么使用less? 有没有写过脚手架的配置文件？ xss攻击是

一面 面的是游戏部门，凉经，老哥面无表情，20-30分钟，速度下班，反手秒挂 面试题 自我介绍 项目介绍 实习产出 算法题：一道回溯题，就是给你1-N的数列，求和为M的组合，秒了 问项目，老哥压根儿不想听 场景题：设计一个排行榜（数据结构），小明排行名次提升后排行榜怎么重新排序 浏览器和服务器交互的方式有哪些？ xhr和fetch的区别？ 你认为优秀的前端的是怎么样的？ 你最近的学习到的技术？ R

一面 (30 分钟) 自我介绍 聊聊实习 实习 React 用什么版本, functional 还是 class component functional component 和 class component 区别 对 useEffect 的依赖有什么自己的看法 使用 hooks 有什么疑惑 / 不了解的地方 TypeScript 主要用来做些什么 Next.js 主要用来做些什么 开发过程中印

一面 (45 分钟) 自我介绍 CSS 水平垂直居中 Grid 和 Flex 区别 Position 有哪些值 聊聊 CSS3 新特性 聊聊 CSS3 选择器 页面加载时抖动怎么解决 聊聊媒体查询 防抖节流手写 this 指向改变方法 箭头函数和普通函数区别 聊聊 Promise const let var 作用域 聊聊事件循环 React 第三方 UI 框架用什么 聊聊虚拟 DOM 聊聊工程化

10.11下午五点 介绍项目，聊项目 项目中有个筛选组件，用户可以自己输入内容，有什么安全隐患问题 xss、sql攻击 栈、队列介绍，使用场景 堆排序，复杂度 二叉树高度、节点……，B+树，它们转换 红黑树 react生命周期 React和传统js区别 动态规划和贪心算法区别 面向对象的特点，解释三个特点 25匹马五个赛道问题 10.13号下午 介绍项目，聊项目 React的hooks，useRe

这次晚上好好睡了一觉，精力充沛的来面试了，感觉脑子好使了很多！面试了大概50多分钟左右。 面试官终于开摄像头了，简单自我介绍了一下，直接开始问项目了。 1.了解过jsbridge吗，做啥的 2.如何在h5实现点击后退出现提示弹窗？类似pdd第一次点击退出以后送个优惠券不让退，第二次点击退出才退出 3.看你项目做了弹幕视频网，说一下弹幕怎么实现的？ 4.如果很多弹幕一起来，怎么控制不会重叠？怎么控制

2.14一面： typescript 泛型让我手写了一个实例 react hooks原理 diff 单项数据流 事件循环 闭包，应用场景 算法题：接雨水 2.15二面： jwt和session的区别 图形学：z-fighting问题怎么解决 权限系统怎么做的 点云地图讲一下，有没有出现性能问题 有没有用到rayCaster 瓦片算法解释一下 笔试题： 实现一个排序算法演示网站 2.15offer#

1. 自我介绍 2. 问：自学前端是怎么学的     广度学习+以点到面的深度学习 3. 问：js有哪几种作用域 （三种….     问：let在编译后实际还是var，因为低版本不支持let语法，这个是怎么实现的     答：猜测包装成函数，通过参数形式注入，读取argument 4. 问：hooks的属性都是怎么储存的 （链表     问：useRef介绍 （虚拟Dom引用     问：都在哪里

8月5日下午两点开始面试，没开摄像头，一共就25分钟 自我介绍 首先问了一下怎么学习前端的，不是科班怎么会想要从事前端这个岗位，有在看哪些书籍吗。 css选择器有哪些 居中有哪些方案（我问了是水平还是垂直，然后都回答了有定位，flex，grid） js有问到var，let，const的区别 vue里面用到了哪些指令 vue组件通信方式 vuex是什么 项目当中的难点是什么（我说了动态路由添加，公共

七月初投的... 隔了一个月才约面 08.09 一面 (25 分钟) 自我介绍 项目介绍 你觉得 JS 和 TS 有什么区别 聊聊你知道的 Three.js 的命令 了解过什么 svg 相关的 canvas 渲染原理 项目中的难点, 怎么解决 介绍一下其他项目 对 React 生命周期的了解 Vue 的传值方法 平时用什么工具打包 接触过首屏渲染优化吗 聊聊闭包 期望地点和薪资 感受 完全没有追问

前端知识是如何学习 学习前端时间 Css盒子模型 px rem em vw vh区别 Es6新特性 箭头函数在什么情况下不用加方法体的花括号 Vuex里面的action mutiation区别 Vue双向数据绑定底层原理 7层网络模型 http在哪层 Udp和tcp区别 Git reset revert区别 Js的事件循环机制 Settimeout promise.Then执行顺序 #兴业数金#

面试时长55分钟，约的10:30面试，面试官提前到了就开始面试 1、上来自我介绍 2、HTML5你了解哪些新特性？说一下 3、实现三栏布局，说了两种方法实现 4、根据第三点回答延伸出flex:1的含义 5、选择器和权重值大小是多少？ 6、防抖和节流以及应用场景？ 7、你是如何学习前端的？ 8、js事件循环机制，整体的执行过程？ 9、宏任务微任务有哪些？ 10、Promise的详细考察（简历里有写）

1.osi七层模型，分别干什么的 2.http有哪些请求方法，put和post有什么区别（put修改服务器的数据（幂等），post是向服务器新增数据），options方法是干嘛的（检测服务器支持的请求方法） 3.https与http的区别（为什么在传输过程中要用对称加密，非对称加密能不能实现） --非对称加密有两个严重的问题：一是非对称加密效率太低，会严重影响到用户打开页面的速度； 二是非对称加密

好未来前端一到三面 没有录音,有很多想不起来了,回忆啥写啥了 一面 自我介绍 说一下用jest框架来干啥 实习经历一条一条问,主要问canvas相关 懒加载实现原理 长列表如何优化 并发渲染的原理 说一说常见的数据结构 双向链表单向链表区别 链表删除效率高还是数组删除一个元素效率高 https http区别 https连接过程 CA证书能够被冒充么 http2.0和http1.1区别 线程和进程的