前端面试题-javascript-css-html

前端之家收集整理的这篇文章主要介绍了前端面试题-javascript-css-html前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

来了个面试的,问点什么问题好呢?没有套路怎么行?

CSS

  1. 问题:display:none和visibility:hidden

     回答:空间占据,重排重绘,继承
  2. 问题:超链接正确的书写顺序
    回答:link visited hover active
  3. 问题: 介绍一下CSS的盒子模型
  4. 问题: CSS选择器有哪些?优先级?
  5. 问题: position的值?

     回答: static relative absolute fixed sticky
  6. 问题:对BFC规范(块级格式化上下文:block formatting context)的理解?
    回答:满足下列条件之一就可触发BFC
    根元素,即html;float的值不为none(默认);overflow的值不为visible(默认);display的值为inline-block、table-cell、table-caption;position的值为absolute或fixed

javascript

  1. 问题:请描述一下 cookies,sessionStorage 和 localStorage 的区别?
  2. 问题:事件委托是什么?jquery和js分别实现一下
  3. 问题:阻止事件冒泡?阻止默认事件?
    回答:stopPropagation。
  4. 问题:严格模式 "use strict";
  5. 一个小数,保留三位小数

     Math.abs('123.456789').toFixed(3)

HTML

  1. 问题:
    回答:

Vuejs

  1. 问题:vue中有什么修饰符

     回答:.native 监听到原生事件,.sync(2.3.0+ 语法糖)   this.$emit('update:foo',newValue)
      .stop - 调用 event.stopPropagation()。
    

    .prevent - 调用 event.preventDefault()。
    .capture - 添加事件侦听器时使用 capture 模式。
    .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
    .{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。
    .native - 监听组件根元素的原生事件。
    .once - 只触发一次回调。
    .left - (2.2.0) 只当点击鼠标左键时触发。
    .right - (2.2.0) 只当点击鼠标右键时触发。
    .middle - (2.2.0) 只当点击鼠标中键时触发。
    .passive - (2.3.0) 以 { passive: true } 模式添加侦听器

  2. 问题1:表单输入组件,仿一个原生input
    回答1: v-model="something" :value="something" @input="value => { something = value }"
    问题2: value和input是,可以改成自定义的值吗?
    回答2: 组件的 model 选项可以改 model: { prop: 'checked',event: 'change' }
  3. 问题1: v-bind的缩写是什么?v-on的缩写是什么?
    回答1: :sort="1" @click="handleThis"
    问题2: .prop的作用
    回答2: 被用于绑定 DOM 属性)。如果标签是一个组件,那么 .prop 将在组件的 $el 上设置属性。
  4. 问题1:
    问题2:

移动端

  1. 问题1: 移动端hover属性的表现形式

网络

  1. 问题:http状态码有那些?分别代表是什么意思?
  2. 问题:

webpack

1. 问题1: 代码分割 vue

// 这里进行修改……
import Foo from './Foo.vue'
// 改为这样:
const Foo = () => import('./Foo.vue')

其他问题

  1. 问题:说说最近最流行的一些技术?常去那些技术网站?
  2. 问题:一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好)
  3. 问题:谈谈前端异常捕获与上报

IE系列问题

  1. split支持不好(正则匹配)
原文链接:https://www.f2er.com/js/416002.html

猜你在找的JavaScript相关文章