前端面试题-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支持不好（正则匹配）