前端面试总结(2018-03-10)

2018-03-10 本文已影响0人静候那一米阳光

别人总结的

综述

八家面试：2018.02.26pm、2018.02.28、2018.03.01、2018.03.02、2018.03.05pm

个人认为：技术挂掉两家，谈工资谈崩两家，两个发了offer，一个什么都没准备好就让去面试也是无语，一个还未知结果。

结论：最重要的还是个人的知识储备，除此之外，有些企业会看重你原来的公司、学校，基本上所有的企业都会关心你原来的工资，而且一般来说涨幅控制在30%。一言以蔽之，个人实力最重要！

面试点

CSS（flex、grid、float布局，盒子模型）
JavaScript（this、原型链、闭包）
ES6（Set、Map、Class、Promise 等等）
jQuery（含源码），链式结构等
vue全家桶、react全家桶
JavaScript运行机制
http（方法、状态码、网络模型、三次握手）
浏览器内核与区别
性能优化方法
如何实现跨域

其他：数据结构、算法（遇到的有排序算法、二叉树、线性规划等）

部分问题盘点

数组去重。这个问到了三四次吧，印象尤其深刻。这个题目至少三种解法。
cookie、session、localStorage、sessionStorage区别。问到了至少两次
变量作用域、不同位置this的指向与作用
setTimeout与promise，实质是考察JavaScript运行机制
vue的生命周期与钩子函数、vue组件间的通信（vuex）、vue如何实现双向绑定
使用css实现一个三角形
使用css实现宽高1:1
使用css实现垂直居中，至少三种方法
js如何解析字节流
如何实现跨域跨标签通信：http://web.jobbole.com/82225/
网页如何调起app：https://segmentfault.com/a/1190000005967865?utm_source=tuicool&utm_medium=referral
window.onload 与 document.onload 区别：https://stackoverflow.com/questions/3698200/window-onload-vs-document-ready?answertab=votes#tab-top
script标签cross-origin：通常我们使用window.onerror来捕获js脚本的错误信息。但是对于跨域调用的js脚本，onerror事件只会给出很少的报错信息：error: Script error.这个简单的信息很明显不足以看出脚本的具体错误，所以我们可以使用crossorigin属性，使得加载的跨域脚本可以得出跟同域脚本同样的报错信息：<script crossorigin src="xxx"></script>如果是这样，xxx的服务器必须给出一个Access-Control-Allow-Origin的header，否则无法访问此脚本。
service worker/web worker
移动端文字rem
JavaScript垃圾回收
对象的比较
" "==false//true
[]==false//true
实现Array的repeat，原型链的考察
正则表达式
继承的实现

学习参考资料

啰嗦一句：基础很重要！

api手册: https://developer.mozilla.org/zh-CN/docs/Web
《JavaScript高级程序设计（第3版）中文高清完整》
《JavaScript权威指南第6版文字版（英文版）》
ES6: http://es6.ruanyifeng.com/
vuejs: https://vuejs.org/ (vue vuex vue-router)
webpack/gulp
sass/less
面试跳槽面试技巧 https://coding.imooc.com/class/129.html 百度网盘链接: https://pan.baidu.com/s/1ghiwgG7 密码:byyq