美文网首页Web前端之路让前端飞
2020最新Web前端经典面试题及答案

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

作者: 前端飘哥 | 来源:发表于2020-10-31 21:30 被阅读0次

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

    好了,那我接下来就开始正文咯。
    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的区别是什么?

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

    相关文章

      网友评论

        本文标题:2020最新Web前端经典面试题及答案

        本文链接:https://www.haomeiwen.com/subject/fbuqvktx.html