前言
最近发现咱们技术论坛里还是从候选人 角度分析面试的文章居多 。近期，本人也参与了一些团队人才筛选的工作，下面从面试官 的角度，聊一聊如何进行一场体验良好的面试。
温馨提示：我也是才刚当面试官没多久 ，还有很多不足 的地方。欢迎兄弟萌，踊跃吐槽 。觉得有用的同学，欢迎点赞 、收藏 （暗示三连）。初来乍到，请多关照！
面试礼仪
其实每一位面试官也是一个公司 或者说一个团队 的门面 。个人认为，面试官是有义务让候选人在感觉放松 ，心情愉悦的氛围里完成面试的过程的。
那么如何达到上述的效果呢？下面几处寒暄，既花不了几分钟时间，又能给候选人留下较好的印象：
面试开始
-
礼貌地打招呼、握手，邀请候选人坐下，问问今天感觉怎么样，如果迟到了要表示歉意；
（我是XX公司的面试官）
-
询问候选人是不是需要休息两分钟，是不是需要喝水，是不是需要使用洗手间；
（是否需要准备一下，现在是否方便开始面试）
-
可以简单提一提，在今天的面试中可以预期的内容，这样候选人会有个心理准备；
（今天我们会讨论以下几个方面：js基础、css、vue或者react框架、项目。你要不先做下简单的自我介绍？）
面试结束
-
表示问题的讨论告一段落，留给对方问问题的机会，表示在自己力所能及的范围内将努力回答对方的问题；
（我这边了解的差不多了，请问你有没有什么疑问，我会在力所能及的范围努力回答你的问题）
-
对于候选人的到访表示感谢，可以赞许一下今天的讨论，也可以对他后续的求职过程表示祝愿；
（非常感谢你参加今天的面试）
八股文
前端常见的八股文大概就这些吧。
- HTML
- iframe
- defer 和 async
- DOCUTYPE的作⽤
- html语义化
- meta标签
- HTML5特性
- src 和 href 的区别
- ⾏内元素 和 块级元素有哪些
- link 与 @import 的区别
- 常见的图⽚格式
- CSS
- HTML页⾯中 id 和 class 有什么区别
- 伪元素和伪类
- CSS中的继承
- 不可/可继承属性
- display: none与 visibility: hidden的区别
- 隐藏元素的⽅法有哪些
- CSS选择器
- CSS选择器优先级
- position 属性
- px、em、rem、vh、vw的区别及使⽤场景
- 脱离文档流
- 盒子模型
- 两栏布局
- 三栏布局
- 垂直居中
- 水平居中
- 文本溢出
- margin 合并
- margin 和 padding 的值为百分比时
- 重排、重绘和合成
- 为什么要初始化 CSS 样式
- div 居中的几种方式
- 浮动
- BEC
- background-size
- block, inline, inline-block
- line-height 如何继承
- client, offset&scroll
- z-index
- link 标签的伪类和用法
- 选择器权重 Specificity
- 单位
- 实现 1px 效果
- 使 chrome 支持 12px 以下文字
- CSS3 新特性
- flex 布局
- 响应式布局
- 过渡与动画
- Javascript 动画 和 csS 动画
- SCSS 常见的属性
- 数组 Array
- 创建数组
- 对原数组有影响
- 对原数组无影响
- Set集合
- Map字典
- String 方法
- 遍历对象厲性
- 遍历对象的方法
- 判断对象是否具有厲性
- 原型
- 数据类型
- 判断数据类型
- forin 和for of 的区别
- ===和==以及=的区别
- instanceof
- 类型转换
- 数组和链表
- 数组去重
- 数组拍平
- ES6新增的数组方法
- 判断是否存在某个值
- arguments 为啥不是数组
- 函数
- 函数柯里化
- 函数的 length
- 箭头函数和普通函数区别
- 构造函数
- 继承方式
- 深浅拷贝
- this
- 关于 this 的指向问题
- 改变this指向的方法 (bind / call / apply)
- 作用域
- 作用域和作用域链
- 页面生命周期
- 事件流
- 模坱化
- 执行上下文
- 哪些事件支持冒泡
- 阻止冒泡
- 事件代理
- 事件委托
- 异步解决方案
- 内存管理GC
- 闭包和内存泄漏
- 浮点数求和步骤
- 十进制小数转二进制
- 0.1+0.2为什么不等于 0.3
- UTF-8、UTF-16 和 Unicode
- 逻辑与&＆和逻辑或!
- 中文是多少长度？
- 简单了解null 和undefined
- undefined 和 undeclared 的区别
- Element, Node
- HTMLCollection, NodeList
- Javascript 中日期时间格式转换
- dom.onclick 和 dom.addEventListener的区别
- ...与rest
- freeze 属性
- parselnt&parseFloat
- input和object实现双向绑定
- JSON.stringify ()
- e.target# e.currentTarget
- addEventListener#I onClick()
- JavaScript NaN 属性
- isNaN&number.isNaN
- isFinite&isNaN
- Ajax, Fetch #LAxios
- escape, encodeURI&encodeURIComponent
- 移动端点击事件延迟
- 移动端滚动穿透和溢出
- JS如何影响DOM树构建
- 不会阻塞 DOMContentLoaded 的脚本
- proxy
- CDN
- Web Worker
- HTTP 2.0
- 微前端
- 浏览器
- 浏览器概述
- 输入URL回车后
- 前端路由
- 前端缓存
- HTTP缓存
- 缓存存储
- Cookie
- 浏览器：事件循环
- 浏览器内核
- 浏览器同源策略
- 鉴杈
- Webstorage
- Service Worker
- 关于一段代码执行前的"编译"
- AST抽象语法树
- LHS和RHS
- DOM 事件流
- 性能优化
- HTML
- CSS
- JS
- 网络相关
- DNS预解析
- 缓存
- 使用 HTTP2.0
- 预加载
- 预渲染
- 减少HTTP请求
- 渲染优化
- 图片
- CDN图片
- 其他文件优化
- CDN
- 其他
- SPA首屏优化
- 降低APP首页开屏渲染时间
- 页面白屏
- 网页卡顿原因
- 动画性能优化
- 前端安全
- HTTPS中间人攻击
- Vue
- Vue的优点和特点
- Vue 的生命周期
- Vue-router
- vue-router中hash 模式和 history模式的区别
- Vue路由传参
- Vue过滤器
- Vue中实现组件通信的方式
- Vue事件总线 (EventBus)
- Vue中scoped 原理
- Vue 中的 ref
- Vue 中$nextTick的使用
- Vue 中的 keep-alive
- Vue中的key
- v-show 和v-if 的区别
- v-if 和v-for 为什么不建议一起使用呢
- computed 和watch 的区别
- Vue中的插槽使用
- Vuex
- 虚拟DOM
- DIFF 算法
- React
- React性能优化
- React生命周期
- React Router
- React组件通信
- Hooks
- 常见 Hooks
- ref
- JSX
- Fiber
- Redux
- 有状态组件和无状态组件
- 受控组件和非受控组件
- 合成事件
- setState 同步还是异步
- dangerouslySetInnerHTML
- PureComponent&Component
- VDom
- VDom一定更快吗
相信把基础知识自己整理一遍，通过 一般公司的一面应该问题不大。
候选人维度
说了这么多面试官的维度分析，我们再说说作为一个面试者，应该注意的事情。主要说说自我介绍 和谈薪吧。大伙都会经历的两个事儿。
自我介绍
做好一个优秀的自我介绍，会大幅提示面试的通过概率。
个人任务主要是以下的几个方面：
举个例子：
我叫xxx，在xx公司从事前端岗位已经接近 2 年。(简介)
主要的工作成果是这期间从 0 到 1 搭建了一个xx系统，在白酒、工业等场景中，连接数据源进行联动分析，提升大数据对经营决策支撑的需求。然后搭建了一套前端代码规范化流程，例如像建立代码规范、组织定期 Code Review，还有使用工具自动检查代码质量。（贡献）
然后之前两段工作经历呢？一段是在xx公司做项目组的前端负责人，如果您稍后想了解的话我们可以细聊。然后另一段是在xx，是xx系统的核心的研发成员。（经历）
然后这一次应聘的是贵公司的前端工程师的岗位，我看了一下岗位对候选人的要求，在业务领域和技术栈这两块，我认为匹配度还是比较高的，看了一下工作职责也是我个人希望长期深耕的一个领域。（动机）
这一次跳槽的主要原因是因为目前受限于业务发展的场景原因，所以技术的挑战和优化空间已经很有限了，希望换到一个更大的技术平台。非常希望加入到贵公司一起共事。（原因）
谈薪
谈薪在挑选岗位的时候，就要选择薪资区间中位数 > 你的期望薪资底线的。
说出自己的预期，注意薪资要具体，不要说区间：
我希望下份工作的年薪能到 100 万，（或者说）我希望有 30% 的涨幅。当然我目前找工作也不是只看钱，我也很在意公司的发展和团队氛围。最后都会综合考虑的。
当 hr 提出难处，给不到你想要的薪资时，话术如下：
理解，但我在这个工作领域已经有 5 年的经验了，特别擅长 a 跟 b，相信我在未来也可以给公司带来更多的价值。我真的很想加入咱们公司，不管是公司的平台，还是这个岗位的工作内容我都非常满意，只要月薪能给到 5 万，我就一定会立刻接 offer 的。你能帮我再申请一下吗？
