《前端面经》专题

1 自我介绍 2 项目中的重点介绍 3 浏览器缓存 强制缓存 协商缓存 4 Etag的优势 5 代码题 LeetCode 20 6 Promise async await 代码输出题 7 flex布局 说出父元素和子元素上的属性 8 网络安全 9 原型 构造函数 实例 10 反问 每次回答结束之后，面试官都是说”好的，下一个xxx"。网络安全那里，我说完XSS和CSRF，面试官说我XSS理解不深刻

重要的写在前面 在准备面试的过程中，大部分的时间都花在了JS基础和框架方面，弱化了HTML和CSS的学习。所以如果有小伙伴也是这样在准备面试，那么请立刻去补上HTML和CSS的基础内容。 本次面试最大的感悟在于：平时没有刻意去练习页面结构和CSS相关的内容，所以导致本次面试体验感不佳（当然纯粹是因为自己的原因）。 面试内容： 1 自我介绍 2 整个过程没有提到任何项目相关的内容 3 CSS 优先级

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略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

一面 二面 忘记记录了