《深信服前端面经》专题

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略20分钟） 输入 url 到渲染出页面的过程 引申出怎样将html文件渲染到页面上（不太会答） BFC css垂直居中 用到哪些浏览器存储方式？答：localStorage、sessionStorage 还有吗？ （不太清楚了） localStorage的应用场景 es6了解吗？ Promise的出现是为了解决什么问题的？答：回调

8.22 一面 状态码301 302 强缓存协商缓存 原型原型链 Object.__protot__ Function.__proto__ 原型链终点 防抖与节流 代码 大数相加 转对象 数组扁平 用reduce 链表反转 二面 上来直接三道题 js+html 验证url css三饼（float、position、flex三种） 凉凉

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d

一面 面完过了一周约二面 css position属性有哪些 css选择器有哪些 css bfc？ 给一个css场景让算一下margin，实际上就是margin合并问题 css会阻塞dom渲染吗，dom解析呢 如何理解typescript？在开发中有什么作用？ type和interface区别 js阻塞dom解析如何解决 跨域的作用？如何解决？jsonp的优缺点 浏览器的缓存？etag的优缺点 j

一面 主要讲实习经历，基本上无八股 手撕：最长公共子串 二面 主要也是实习经历和项目 手撕： 1. 变量作用域和this指向问题,说输出 var bar = 'window' function say() { var bar = '111' console.log(bar) console.log(this.bar) } const obj = { bar: '222', say() { cons

1.自我介绍（要求介绍自己的项目） 2.盒模型 3.行内元素、块级元素，二者的转换 4.图片垂直水平居中、文字垂直水平居中 5.JS数据类型 6.map、forEach区别 7.css实现文字超出部分...显示 8.css选择器权重 9.get、post区别及其优缺点 10.let、const、var的区别 11.箭头函数与普通函数的区别 12.vue生命周期 13.watch和computed

自我介绍 说一下自己带队的项目如何实施规划的 简单说一下项目当中前端用到的技术还有技术难题 webpack一些打包及优化操作 ES6的一些新特性和你对他的一些理解 箭头函数的指向问题，箭头函数可以进行实例化吗 网络的缓存策略 重排和重绘 用 CSS3 的 transform 进行一个布局的移动，例如位置的转换，这种会导致重排吗 伪类和伪元素 反问 #金山WPS##前端##面经##秋招#

一面（10.8 50min） 忘记录音了，这里只能把想到的都写上去了 自我介绍 说说http状态码，并且举例子具体状态码，说明状态码表示的信息 1xx不记得了，只说了2，3，4，5后面的 说了一些场景，问我是哪个状态码 vue2实现双向绑定的原理 vue2可以对数组动态监听变化吗（方法可以，通过下标修改元素不行） 问我有什么方法可以实现监听数组变化（给data赋予新数组，就是将数组地址改变，或者$

一面（10.15 1h） 自我介绍 js和ts的区别 如何判断数据类型（typeof、instanceof），它们的区别？ instanceof为什么能判断（原型链），说说原型链 手写原型链继承（构造函数、原型链、组合继承、寄生继承、寄生组合继承），写着写着面试官说不用写了，让直接讲 手写查找对象里面某个字符的个数（包括大小写），包括key，value的所有字符（大部分时间都在写这个） 想法是把对

自我介绍 略 八股文 数据结构 排序方法 JS 数据类型 ES6特性 你怎么看JS，你觉得JS是一门什么语言 原生如何删除DOM中某一class属性 为什么将DOM操作统一执行 谈谈回流与重绘，那如果插入一个display:none的元素会触发回流重绘吗 Vue Vue2与Vue3的区别 Vue兄弟组件通讯 TS 对TS与JS的理解 CSS CSS三大特性 垂直水平居中的实现方式 flex布局与g

一面 二面 忘记记录了

一面（10.28） 项目中做的性能优化 响应式布局怎么实现 闭包 跨域 && 常见的跨域方式 TS 的好处 回流 && 重绘 前端安全问题 CSS 盒子模型 防抖 && 节流 && 解决了什么问题 开发流程 做项目过程中遇到的问题 && 怎么解决的 实习过程中，自己是如何主动学习的 组件化 与 模块化 的好处 前端代码部署流程 Vue 中父子组件声明周期调用顺序 Vuex cookie 和 ses

一面（10.13） 与 JS 相比 TS 的好处 TS 如何声明类型 TS 中 type 和 interface 的区别 JS 判断类型的方法 && 这些方法的区别 原型和原型链 koa 启动服务的流程 说一下数据库事务 路由懒加载原理 手写 寄生组合式继承 手写 防抖 && 节流 手写一个函数，判断对象中某个字符出现的次数#酷家乐前端##前端面经##前端工程师面经#

一面（9.16） 在金山实习做了什么 Vue 的优势 使用 Vue 过程中遇到的坑 GET 和 POST 请求的区别 深拷贝 && 浅拷贝 display 属性值 inline 和 block 的区别 二面（9.21） 自我介绍 家庭情况 && 为什么想来青岛 && 支持你来青岛吗 了解过我们的公司吗 通过什么途径了解我们公司的? 参加之前线上宣讲会了吗 你在找工作的时候最看重的是什么 你的优点和