在线客服
扫描二维码
下载博学谷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前端工程师需要知道的HTML5常用开发工具
Web前端开发工程师需要核心掌握HTML/CSS/JS开发,在几年前HTML5标准进入国内后,得到了快速的应用于推广,开发人员为了实现更多的效果和功能,将HTML5的应用推崇到了极高的位置。作为前端开发工程师你是否了解HTML5常用的开发工具呢?
7127
2019-08-14 10:19:56
渐进增强与优雅降级之间的不同
在前端开发中,由于浏览器版本不统一,经常遇到低版本浏览器与高版本浏览器的样式无法同步实现的现象。因此渐进增强和优雅降级的概念就应运而生。那到底什么是渐进增强和优雅降级呢?他们之间有什么不同?
7070
2019-07-05 17:35:45
JavaScript常见面试题梳理
JavaScript作为前端开发三大要素之一,是前端面试中考察的一大重点。本文为大家对JavaScript常见面试题进行了梳理,大家可以做一做下面的面试题,进行查漏补缺!
5010
2020-07-06 14:41:17
Web前端开发培训机构哪个比较好?
Web前端开发培训机构哪个比较好?选择攻略。从招聘平台看市场上对于Web前端开发人才缺口很大,Web前端技术性岗位自学存在很多问题,选择一家比较好的前端培训机构在短时间内掌握岗位技能的是一个很好的方式。市面上大大小小的培训机构众多,有些机构为了招生在宣传过程中会有夸大的成分。
8083
2020-08-31 11:54:53
JavaScript框架的进步史:四次变革
很多在前端领域工作了一段时间的人可能都有过这样的经历,纠结使用哪种JavaScript框架、如何编写CSS、使用函数式编程还是面向对象编程、如何最好地管理状态、哪种构建系统或工具最灵活、最快速等。
2799
2022-05-06 11:07:37
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
