前端面试常见知识点总结

来源：沈阳IT培训学院时间：2020/8/27 14:39:11

随着疫情的逐渐好转，许多小伙伴也早已复工多时，面试招聘的机会也多了起来，大家都做好了面试准备吗？本文将为大家总结一下前端面试中常见的知识点，包括前端基础、布局、JS、浏览器、网络协议、ES6语法、VUE基础和VUE等等，有需要的小伙伴可以接着看下去。
知识点一、前端基础：Html、CSS和JS
1、html语义化标签的理解、结构化的理解；能否写出简洁的html结构；SEO优化。
2、h5中新增的属性，如自定义属性data、类名className等；新增表单元素；拖拽Drag。
3、h5中新增的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(){casexxx:}、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
1、数据响应式原理。
2、virtualdom。
3、diff算法。
4、nextTick等等。
以上就是前端面试常见知识点的全部总结，大家都复习好了吗？其实除了以上这些理论知识，前端面试过程中还有一些附加技能的考察，比如展现你的学习能力，了解一门后端语言等等。大家在面试前好做好万全的准备，才能更加从容自信面对面试官的考核。

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2005/news/245739/违者必究！以上就是沈阳IT培训学院小编为您整理 前端面试常见知识点总结的全部内容。