面经(待分类整理)

# 深拷贝
# HTML5新特性
# h5标签兼容性问题怎么处理
# canvase压缩图片
# sessionStorage和localStorage
# html5语义化标签有哪些
# 响应式布局
# this指向
# 箭头函数
# new一个实例的过程
# 节流防抖

头条二面

# vue和react区别,事件绑定,动画,生命周期,js和前端耦合度
# vue和react的diff算法,key
# 怎么实现的轮播图,逻辑
# setTimeout和requestAnimationFrame的区别,浏览器事件队列
# 对移动端优化,canvase压缩图片,懒加载,base64,雪碧图
# 长连接和短连接
# 三次握手四次挥手
# 后端高并发实现
# 强缓存和协商缓存
# 两个代码,jsonp实现和数字转货币单位
# Gpu进程,浏览器多进程和多线程

 

• 自我介绍，问项目
• 项目中的问题：节流，预加载，小程序分包加载，xss攻击及防御手段
• 事件循环机制，我提到了微任务promise和nexttick，他接着问nexttick实现原理，没答上来。后面又问了promise原理及实现，答上来了
• float塌陷
• 不确定包含元素及内部元素的宽高，使内部元素垂直水平居中
• js的实例、构造函数、原型对象、prototype、__proto__之间的关系
• 小程序与h5的差别（因为我的项目里包含了这两样，所以问到了。没答上来，他想听到的是小程序是双线程，哎，一时没有想起来）
• 给个太阳，使用border画出来
• 从输入url到页面渲染的流程，html解析过程及堵塞情况
• 由于问到了html解析，他出了一道题，内容是外联js和内联js如果报错会不会使接下来的脚本无法执行和会不会使图片无法加载（没答上来，我就根据我的理解说都接下来的脚本都无法执行，图片都无法加载，他跟我说回去试试就知道了）
• 给了一个文件目录，让我用webpack手动打包
• 你是如何学前端的
• 思考题：一个棋盘似的草坪，下雨后，草坪上的部分棋盘格子有水洼，多个连续的棋盘格子连在一起就是一个水坑，问如何计算出该草坪有多少水坑
• 最后就是聊聊天了，我问他实习、工作给您的生活、开发思维有什么影响吗？他就跟我说了下，校园里学习的知识都是基本功，与在公司里实际开发是完全不同的，例如说this指向，面向对象式开发，在业务中是极为复杂多变的
• 作者：五环外的生活好苦啊
  链接：https://www.nowcoder.com/discuss/179509?type=2&order=0&pos=10&page=1
  来源：牛客网
  
  
  • 你认为学习前端应该具备什么（面试官本来很严肃，我一说到要热爱前端，他一下就笑了，说干哪行不热爱自己的工作啊。）
  • 移动端自适应（viewport+媒体查询+rem，不过他一直没听明白我的意思，是我讲的有点急了，所以一直在反复解释，但最后问的：是不是每个元素都要手动计算rem值，如何才能不这样？没答出来，应该使用cacl（））
  • http缓存（最后问到了协商缓存你如何知道拿哪个文件的last-modified进行对比，没答上来）
  • vue组件如何通信
  • vue-router原理，为什么vue-router不需要刷新页面
  • 用了vue自身的什么东西（我回答是组件化和模块化，我觉得我回答的有点扯淡，但他没有问下去）
  • 手写代码：利用promise对象实现当多个peomise对象resolved时才处理结果，当其中有promise对象为rejected时处理error（没写出来，我最开始以为是调用promise.all，原来不能调用是实现它。然后我从头实现promise对象，写到一半，它拿去看，说不是实现promise对象。那个时候真的是尴尬，突破天际的尴尬，我感觉面试官可能都觉得我理解能力有问题了...）
  • 作者：五环外的生活好苦啊
    链接：https://www.nowcoder.com/discuss/179509?type=2&order=0&pos=10&page=1
    来源：牛客网
    
    
    • float塌陷
    • 盒模型及box-size属性
    • 垂直居中
    • es6新特性
    • 箭头函数及与普通函数的差别
    • 普通函数tihs指向判断方式
    • 了解过node吗（我说我用node写过http服务器（这谁不会啊））
    • promise状态及原理