2020最新Web前端经典面试题及答案

Stella981
• 阅读 727

本篇收录了一些大厂面试中经常会遇到的经典面试题,并且我做好了整理分类。虽然今年的金九银十已经过去了,但是可以为明年的金三银四做装备啊,相信每一个跳槽季都有很多的前端开发者蠢蠢欲动,通过对本篇知识的整理以及经验的总结,希望能帮到更多的前端面试者。

好了,那我接下来就开始正文咯。 PS: 内容超长,请注意!

HTML篇

1.你是怎么理解HTML语义化

2.你用过哪些HTML5标签

3.meta viewport 是做什么用的,怎么写?

4.H5是什么

5.label标签的作用

6.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

7.a标签中 如何禁用href 跳转页面 或 定位链接

8.canvas在标签上设置宽高 和在style中设置宽高有什么区别

9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

10.iframe有哪些缺点?

11.HTML5新特性

12.HTML5离线储存

13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢

14.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

15.HTML与XHTML——二者有什么区别 ......

CSS篇

1.页面渲染时,dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为:

2.ie盒模型算上border、padding及自身(不算margin),标准的只算上自身窗体的大小 css设置方法如下:

3.几种获得宽高的方式 :

4.拓展各种获得宽高的方式 :

5.边距重叠解决方案(BFC) BFC原理

6.css reset和normalize.css有什么区别:

7.居中方法:

8.css优先确定级:

9.如何清除浮动:

10.自适应布局:

11.画三角形:

12.link@import导入css:

13.长宽比方案:

14.display相关:

15.CSS优化:

16.CSS开启GPU加速

17.开启GPU硬件加速可能触发的问题:

18.CSS中link与@import的区别:

19.CSS选择器列表优先级及权重:

20.display:none和visibility:hidden的区别:

21.position的absolute与fixed共同点与不同点:

22.介绍一下CSS的盒子模型:

23.CSS选择符有哪些?

24.哪些属性可以继承?

25.优先级算法如何计算?

由于内容过多,如需获取完整面试题+解析可以【点击我】

JavaScript篇

1.请你谈谈Cookie的优缺点

2.Array.prototype.slice.call(arr,2)方法的作用是:

3.以下代码执行后,控制台的输出是:

4.简单说一下浏览器本地存储是怎样的

5.原型 / 构造函数 / 实例

6.原型链:

7.执行上下文(EC)

8.变量对象

9.作用域链

10.闭包

11.对象的拷贝

12.new运算符的执行过程

13.instanceof原理

14.代码的复用

15.继承

16.类型转换

17.类型判断

18.模块化

19.防抖与节流

20.函数执行改变this

21.ES6/ES7

22.AST
23.babel编译原理

24.函数柯里化

25.get请求传参长度的误区

26.补充get和post请求在缓存方面的区别

27.说一下闭包

28.说一下类的创建和继承

29.如何解决异步回调地狱

30.说说前端中的事件流

31.如何让事件先冒泡后捕获

32.说一下事件委托

33.说一下图片的懒加载和预加载

34.mouseover和mouseenter的区别

35.js的new操作符做了哪些事情

36.改变函数内部this指针的指向函数(bind,apply,call的区别)

37.js的各种位置,比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别?

38.js拖拽功能的实现

39.异步加载js的方法

40.Ajax解决浏览器缓存问题

41.js的防抖

42.js节流

43.JS中的垃圾回收机制

由于内容过多,如需获取完整面试题+解析可以【点击我】

框架Vue篇

1.vue.js的两个核心是什么

2.vue 的双向绑定的原理是什么?

3.vue生命周期钩子函数有哪些?

4.请问 v-if 和 v-show 有什么区别?

5.vue常用的修饰符

6.nextTick

7.什么是vue生命周期

8.数据响应(数据劫持)

9.virtual dom 原理实现

10.Proxy 相比于 defineProperty 的优势

11.vuex

12.vue中 key 值的作用

13.Vue 组件中 data 为什么必须是函数?

14.v-for 与 v-if 的优先级

15.说出至少 4 种 vue 当中的指令和它的用法 16.vue中子组件调用父组件的方法

17.vue中父组件调用子组件的方法

18.vue页面级组件之间传值

19.说说vue的动态组件

20.keep-alive内置组件的作用

21.递归组件的用法

22.怎么定义vue-router的动态路由?怎么获取传过来的值?

23.vue-router有哪几种路由守卫?

24.$route和 $router的区别是什么?

由于内容过多,如需获取完整面试题+解析可以【点击我】

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Java修道之路,问鼎巅峰,我辈代码修仙法力齐天
<center<fontcolor00FF7Fsize5face"黑体"代码尽头谁为峰,一见秃头道成空。</font<center<fontcolor00FF00size5face"黑体"编程修真路破折,一步一劫渡飞升。</font众所周知,编程修真有八大境界:1.Javase练气筑基2.数据库结丹3.web前端元婴4.Jav
可莉 可莉
3年前
2020最新Web前端经典面试题及答案
本篇收录了一些大厂面试中经常会遇到的经典面试题,并且我做好了整理分类。虽然今年的金九银十已经过去了,但是可以为明年的金三银四做装备啊,相信每一个跳槽季都有很多的前端开发者蠢蠢欲动,通过对本篇知识的整理以及经验的总结,希望能帮到更多的前端面试者。好了,那我接下来就开始正文咯。PS:内容超长,请注意!HTML篇1.你是怎么理解HTML
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Easter79 Easter79
3年前
SpringMvc接受特殊符号参数被转义
WEB开发时,在前端通过get/post方法传递参数的时候 如果实参附带特殊符号,后端接收到的值中特殊符号就会被转义例如该请求: http://localhost:10001/demo/index.do?name张三(1)注:中文()不会出现此种情况后台就收到的实际name值为:  张三&40;1&41;&40;其实为h
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这