《深信服前端面经》专题

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区别 线程和进程的

问题 自我介绍一下 跨域方法有哪些，项目中跨域怎么做的 说一下选择排序算法 项目中 webpack 打包优化怎么做的 箭头函数和普通函数的区别 反问 知道自己应该凉了，问了下学习方面的建议 1. 应届生是应该注重基础还是项目经验呢？ 把基础打好，应届生的项目经历都差不多。除此之外，沟通能力与表达能力也是很重要的 2. 现在我的技术栈过于单一，只用了Vue，有没有必要再扩展一下自己的技术栈，比如学下

被华为的hr找到了，本来之前的华为一面挂了，结果他说帮我转去他们部门试试 过程： 问了项目，介绍项目，担任的角色，复杂的点 技术问题：（有一些忘记了） 闭包及其应用场景 防抖节流 HTTP强缓存和协商缓存 promise的三种状态 vue-router的两种模式（history和hash） 宏任务和微任务的区别（我回答了eventloop） .....还有一些问题忘记了，只能记住这么多了 算法题：

计算机网络相关 HTTP2.0 和 HTTP 1.1 的新特性是什么，展开说说？ 【没复习到，直接说不会了】 TCP 和 UDP 的区别是啥？ TCP 是如何建立可靠连接的？ TCP 的三次握手和四次挥手的过程？ 为什么要三次握手和四次挥手？ 【为啥要四次挥手打的不太好】 浏览器和缓存相关 浏览器的有哪些本地缓存，它们之间的区别是什么？ 【只想到了 localStorage 和 sessionSt

面试前看了牛客的面经，感觉都好基础，信心满满地去了，然后被问麻了…… 20分钟这样，太多没答上来了，面试官挺好的，会提示，但是实在不懂组件化和模块化，肯定是寄了 1. 事件冒泡和事件捕获，怎么阻止 2. 减少回流 3. 页面渲染过程 4. vue首页白屏 5. vue自定义指令 6. vue组件是怎么缓存的 7. axios，跨域，中断请求，请求和响应拦截器怎么封装的 8. webpack loa

9.2一面 怎么验证登录状态 防抖节流，场景 跨域以及解决方案 细说jsonp get、post区别 vue2与vue3区别 前端优化 keep-alive缓存 口述数组扁平化 手写： 1、var arr = [{a:3,b:2}, {a:1,b:4},{a:5,b:1}] => [{a:1,b:4}, {a:3,b:2},{a:5,b:1}] 2、var a='123' a.b() a='321

1.一个div里面有多个div怎么做到均等分 space-evenly： space-around： space-between： 2.if表达式1<2<3>4>6<7.....1000量级，怎么去快速得到最终是true还是false，if(1<2<3)true还是false，if(1>2>3)true还是false if(1<2<3)先判断1<2是true，true转值为1，1<3等于true

1.css定位 哪几种定位 分别是相对于什么定位的 静态定位（static） 元素的默认定位，按照标准流特性摆放位置 相对定位（relative）元素在移动位置的时候是相对于它原来的位置来说的，原来在标准流中的位置继续占有，后面的盒子仍然以标准流的方式对待他，主要用于限制绝对定位 绝对定位（absolute）绝对定位的元素在移动位置的时候相对于最近一级有定位的祖先元素来说，如果没有祖先元素或者祖先