⁶⁹

【面经系列】面试技巧

Publish At2024-03-26 15:30:29 • Reading 540

Publish At2024-03-26 15:30:29 | Copyright Information：Non-commercial-Attribution-Freely Reprinted

Comment

Recommended Readings

Toc

面试技巧

一二面（基础面）

1. 一面基础面

1.1 面试准备

1.1.1 个人简历

1.2.2 自我陈述

1.2.2.1 把我面试的沟通方向（别把自己带到坑里面）

1.2.2.2 豁达、自信的适度发挥

1.2.2.3 自如谈兴趣

1.2.2.4 节奏要适宜

1.2 面试实战

2. CSS相关

2.1 页面布局

2.1.1 如何实现垂直居中布局呢？

2.1.2 如何实现水平居中布局呢？

2.1.3 如何实现三栏布局呢？

2.2 知道CSS动画的实现吗？

2.3 CSS盒子模型

2.3.1 说一下CSS的盒子模型？标准模型和IE模型的区别？CSS如何设置这两种模型？

2.4 CSS样式获取

2.4.1 JS如何设置获取盒子模型对应的宽度和高度？(面试重点)

2.5 BFC

2.5.1 根据盒子模型解释边距额重叠问题？边距重叠问题的解决方案？

2.5.2 BFC原理

2.5.3 如何创建BFC？

2.5.4 BFC的使用场景？（重点理解）

3. 事件相关

3.1 DOM事件

3.1.1 DOM事件的级别有哪些？

3.1.2 DOM事件模型有哪些？

3.1.3 DOM事件流？

3.1.4 什么事件可以代理？什么事件不可以代理呢？

3.1.5 IE和DOM事件流的区别？

3.1.6 事件对象event的属性方法的差别?

3.1.7 描述DOM事件捕获的具体流程？

3.1.8 如何拿到HTML这个标签节点元素呢？(加分项)

3.1.9 描述Event对象的常见应用？

3.2 如何自定义事件？(重点))

3.2.1 如何给一个按钮绑定一个自己定义的事件呢？

4. HTTP协议

4.1 HTTP协议的主要特点？

4.2 HTTP报文的组成部分？

4.3 HTTP方法？

4.4 POST和GET的区别？

4.5 HTTP状态码？

4.5.1 状态码的第一位

4.5.2 状态码详解

4.6 什么是持久连接？

4.7 什么是管线化？

4.7.1 基本概念

4.7.2 管线化的特点（特点）

5. 原型链

5.1 创建对象的几种方法？

5.2 原型、构造函数、实例、原型链？

5.3 instanceof的原理？

5.4 new运算符的原理？

6. 面向对象

6.1 类与继承：如何实现继承，继承的几种实现方式

7. 通信

7.1 什么是同源策略个限制？

7.2 前后端如何进行通信呢？

7.3 如何创建Ajax呢？

7.4 跨域通信的几种方式？

7.4.1 JSONP

7.4.2 Hash

7.4.3 postMessage(HTML5中新增)

7.4.4 . WebSocket

7.4.5 CORS

7.4.5.1 CORS请求的基本流程

7.4.5.2 JSONP和CORS的区别？

8. 安全

8.1 CSRF

8.1.1 基本概念和缩写

8.1.2 CSRF 攻击原理

8.1.3 可以成功攻击的条件？

8.1.4 如何防御呢？

8.2 XSS

8.2.1 基本概念和缩写

8.2.2 XSS防御

8.3 CSRF和XSS的区别呢？

9. 算法

二三面（知识深度面）

10. 渲染机制

10.1 什么是DOCTYPE及作用？

10.2 严格模式和混杂模式

10.3 浏览器的渲染过程？

10.3.1 开始进行DOM解析，渲染DOM Tree

10.3.2 开始进行CSS解析，渲染CSSOM Tree

10.3.3 DOM树和CSS树的结合，最后会转换为Render Tree

10.3.4 Layout的过程，计算每一个DOM元素的位置、宽度、高度等信息，最终渲染并显示页面到浏览器

10.4 何时会触发Reflow？

10.5 何时回触发Repaint？

10.6 如何最大程度上的减少浏览器的重绘Repaint过程(频率)呢？

10.6.1 避免在document上直接进行频繁的DOM操作，如果确实需要可以采用off-document的方式进行

10.6.2 集中修改样式

10.6.3 缓存Layout的属性值

10.6.4 设置元素的position为absolute或fixed

11. 布局Layout？

12. JS运行机制

12.1 如何理解JS的单线程？

12.2 什么是任务队列？

12.3 什么是Event Loop？

12.3.1 3个关键点

12.3.2 异步任务的分类

13. 知识点总结

13.1 页面性能

13.1.1 提升页面性能的方法有哪些？

14. 异步加载的方式

14.1 动态脚本的加载

14.2 defer

14.3 async

14.4 异步加载的区别？

15. 说一下浏览器的缓存机制吧？

15.1 缓存的分类

15.1.1 强缓存

15.1.2 协商缓存

16. 错误监控/如何保证前端产品的上线质量？

16.1 前端错误的分类？

16.2 错误的捕获方式？

16.2.1 即时运行错误的捕获方式

16.2.2 资源加载错误（不会向上冒泡）

16.2.3 补充的方法

16.2.4 问题的延伸：跨域的js运行错误可以捕获吗，错误提示是什么？应该怎么处理呢？

16.2.4.1 错误信息

16.2.4.2 处理方法

16.3 上报错误的基本原理？

17. 如何使用JS获取客户端的硬件信息呢？

18. 使用window.performace 来实现用户体验的数据记录呢？

三四面（业务项目面）

19.介绍一下你做过的项目？

19.1 项目介绍模板（业务能力体现）

19.2 团队协作能力

19.3 事务推动能力

19.4 带人能力

终面（HR面）

20. 技术终面或HR面试要点

20.1 职业竞争力

20.2 职业规划