我的前端实习面经

阿里

电话面试，没有自我介绍，直接开始

1. 垂直水平居中方案（未知宽高）？
2. 伪数组和数组区分？
3. 循环遍历加监听？
4. 闭包？
5. 继承与原型链？create()方法有了解过嘛？
6. ajax请求的步骤？
7. flex常见属性描述？
8. 跨域及解决办法及原理？
9. 浏览器安全相关？

腾讯

看重简历，项目， 没有自我介绍，直接开始

1. ajax请求
2. 为什么用axios库？
3. axios和promise有什么区别
4. vue双向数据绑定怎么实现
5. vue中v-for指令的实现原理
6. 轮播效果怎么实现？
7. 为什么用vue-router?
8. vuex有什么好处

字节跳动

卷子

简答

1. 对CSS中box-sizing属性的理解？

• content-box(W3C标准盒模型)
• border-box(IE盒模型)

2. 对HTML语义化的理解？

• 易于理解、可维护、可复用
• 内容更加结构化，更加清晰
• 有利于搜索引擎检索，有助于爬虫抓取信息

3. 对事件代理（event delegation）的理解？

• 需要对很多元素添加事件时，可将事件添加到他们父节点从而能将事件委托给父节点处理函数（事件冒泡机制）

编程

1. 单向链表翻转？

2. 实现一个DOM2JSON函数，可以把一个DOM节点输出JSON的格式？

一面（技术）

1. 垂直居中方案
2. 继承
3. 原型链
4. 永久重定向
5. 常见状态码
6. NextTick()
7. virtual DOM
8. current target
9. 说说position属性和他的属性值
10. 正则表达式 ？什么意思
11. 布局有什么自适应方案
12. 从输入一个url到展示页面发生了什么
13. 三次握手
14. 双向数据绑定？Watcher和observer
15. js实现深度克隆？如果有属性嵌套怎么办？map去重
16. 遍历 for in for of
17. 计算机网络七层协议？

• 显卡---->物理层
• 路由器---->网络层
• 交换机---->数据链路层
• HTTP---->应用层
• TCP/UDP ---->传输层
• IP---->网络层

18. 跨域及解决

• JSONP原理
• CORS原理
• 反向代理

19. 如何获取DOM元素

二面（技术）

1. BFC是什么？怎么开启BFC？
2. 常见的行内元素？常见的块级元素？
3. 刮刮卡怎么做的？什么页面结构？遮盖层怎么做的
4. 继承
5. 原型链
6. 构造函数和普通函数有什么区别？
7. new一个对象的时候发生了什么
8. 工厂模式，写一个构造函数Person

• 如果没有this会怎么样？
• 不new的话构造函数会执行吗？

9. 购物车实现

• 布局
• 商品展示怎么实现的
• 商品删除怎么实现的

三面（技术）

1. webpack的打包原理
2. vue如何引入组件
3. 项目中遇到了什么问题？

图森未来

电话面试

1. 原型链继承
2. 空的对象的原型对象是Object原型
3. Object原型的__proto__为null
4. instanceof
5. 移动端自适应方案
6. 宏任务、微任务
7. 事件循环模型
8. 轮播动画
9. 浏览器存储方案
10. 三次握手
11. 四次挥手，为什么要等待，等多久
12. http过程
13. http2.0
14. http和https的区别

面试官建议

• js基础需要加强
• 框架要更了解设计和实现原理
• 新的技术及优化
• 性能你优化方案
  • 网页加载快慢（压缩+细节处理）
  • 浏览器渲染（合成层：提升动画性能）