在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
随着疫情的逐渐好转,许多小伙伴也早已复工多时,面试招聘的机会也多了起来,大家都做好了面试准备吗?本文将为大家总结一下前端面试中常见的知识点,包括前端基础、布局、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(){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
1、数据响应式原理。
2、virtual dom。
3、diff 算法。
4、nextTick等等。
以上就是前端面试常见知识点的全部总结,大家都复习好了吗?其实除了以上这些理论知识,前端面试过程中还有一些附加技能的考察,比如展现你的学习能力,了解一门后端语言等等。大家在面试前最好做好万全的准备,才能更加从容自信面对面试官的考核。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端开发培训班学费多少钱?
Web前端开发培训就业班学费多少钱?如何甄别好的培训机构?参加Web前端培训后是否可以找到高薪的工作呢?大部分刚刚入行Web前端的小伙伴都会提出这些问题。下面小编就与大家一起探讨下这些问题。
10033
2019-12-05 15:47:45
HTTP/3的原理和发展历程分析
随着前端开发中新技术的层出不穷, HTTP 已经不知不觉发展到HTTP/3。对于前端开发技术者来讲,要想不断进步,永葆职业竞争力,最重要的就是紧随技术潮流的发展。本文为大家总结并分析了HTTP/3的原理和发展历程,大家花几分钟来看一下吧~
3685
2020-06-01 11:09:33
什么是HTTP协议?工作原理是怎样的?
什么是HTTP协议?工作原理是怎样的?HTTP协议全程是超文本传输协议,它的工作原理简单来讲,就是客户端连接到web服务器,然后发送HTTP请求,服务器接受并返回HTTP响应。下面让我们一起来详细了解一下HTTP协议。
5122
2020-07-30 19:33:30
女孩子做前端是青春饭吗?适合web开发吗?
其实年龄并不是是衡量职业生涯的一个标准,无论是男性还是女性,如果有有丰富的前端开发经验,随着经验的不断积累,在职场中的优势越明显。强化内功,哪怕无法成为最前面的前端开发大牛,但也不会成为被淘汰的一员。
4381
2020-11-25 14:07:14
JavaScript框架的进步史:四次变革
很多在前端领域工作了一段时间的人可能都有过这样的经历,纠结使用哪种JavaScript框架、如何编写CSS、使用函数式编程还是面向对象编程、如何最好地管理状态、哪种构建系统或工具最灵活、最快速等。
1866
2022-05-06 11:07:37