前端面试经常会碰到的问题

随着互联网的发展，越来越多的的人进入了IT行业，今天小编给大家总结了一下前端面试经常会碰到的问题，包括前端基础、布局、JS高级、浏览器、网络协议、ES6语法、VUE基础和VUE高级等等，有需要的小伙伴跟着小编一起往下看吧。

知识点一、前端基础：Html、CSS和JS

1、html语义化标签的理解、结构化的理解；能否写出简洁的html结构；SEO优化。

2、h7中新增的属性，如自定义属性data、类名className等；新增表单元素；拖拽Drag。

3、h7中新增的API、修改的API、废弃的API稍作了解（离线存储、audio、video）。

3、CSS选择器（三大特性）。

4、BFC机制。

5、盒模型。

6、CSS模块化开发（封装）；SCSS和LESS的使用。

7、屏幕适配以及页面自适应。

8、CSS3中新增的选择器。

9、CSS3中新增的属性，transform、trasition、animation等。

10、变量数据类型及检测：基本 + 引用。

11、运算符：算术 + 条件 + 逻辑 + 位 + 短路、隐式转换等。

12、条件、循环、异常处理if、switch(){case xxx:}、try、catch、finally、throw。

13、函数定义、调用方式（apply、call、直接调用）；传参：实参给形参赋值。

14、字符串、数组、对象常用API。

15、正则表达式。

知识点二、布局

1、标准文档流（padding + margin + 负margin）+ 浮动float + 定位 left + right + top + bottom。

2、百分比布局：px单位用%num代替，占父级元素的百分比。

3、flex弹性布局：主轴、辅助轴的几个属性。

4、grid栅格布局：使用框架中的类名来替代，本质上还是百分比布局。

知识点三、JS高级

1、作用域、作用域链、闭包。

2、原型、原型链、继承。

3、函数上下文、this指向。

4、js的运行机制、事件队列和循环。

5、Ajax原理、axios库。

6、同步、异步编程。

7、jQuery源码学习。

知识点四、浏览器

1、浏览器的构成和运行机制。

2、浏览器内核。

3、浏览器交互：BOM和DOM相关webApi、监听事件。

4、浏览器缓存机制。

5、浏览器的渲染原理。

6、浏览器的安全性：跨域和攻击。

知识点五、网络协议

1、HTTP协议。

2、cookie、session、token。

知识点六、ES6语法

1、字符串、数组、对象扩展的api。

2、变量扩展：let、const解构赋值，块级作用域。

3、函数扩展：箭头函数默认参数、rest参数。

4、展开运算符、模板字符串。

5、set和map数据结构。

6、迭代器和生成器函数next和yield的理解。

7、proxy对象属性代理器：属性的读取（get）和设置（set）相关操作。

8、promise对象、异步编程的解决方案。

9、async + await：异步编程的终极方案promise + generator的语法糖。

10、class语法、构造函数的语法糖。

11、模块化编程export + import的导出和导入。

知识点七、VUE基础

1、基本指令。

2、实例的属性和方法。

3、实例的生命周期。

4、组件基础：创建、注册、添加属性方法、套用等。

5、组件通信传值，父子、兄弟、跨级。

6、插槽slot等。

知识点八、VUE高级

1、vue-router：搭建SPA

2、vuex：状态管理、数据仓库store

3、数据响应式原理。

4、virtual dom。

5、diff 算法。

6、nextTick等等。

关于前端面试经常会碰到的问题就分享到这里了，当然并不止以上和大家分析的办法，不过小编可以保证其准确性是绝对没问题的。希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。