前端基础面试问题

1、什么是H5；有哪些特点；

H5是指的是HTML超文本标记语言（HTML）的第五次重大修改，HTML的第五代。
特点:
语义化标签是网页加载速度更快，如header，footer，nav，section，article，aside,
增加了音频，视频标签，取代了falsh，如audio，video
canvas标签，可在页面绘制图形或者动画
支持手机和平板的响应式布局

2、什么是响应式；

针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。

3、html是什么？css是什么？js是什么？

（1）、html是超文本标记语言，他是做网站时候用的一些文本标记标签，比如div、span等。
（2）、 css是层叠样式表，是做网站的时候给标签来美化网站的样式，比如说background（背景）、color（字体颜色）、height（高度）、width（宽度）等。
（3）、js=javascript是网站中写前后台交互效果、网页动画效果的一种开发语言，比如鼠标点击事件（click）、前后台数据请求（ajax）等。

4、什么是静态网页？什么叫做动态网页？

（1）、静态网页：没有数据交互的网页，没有数据库参与，没有服务器端数据的加载。比如静态网页就是只有html+css+JavaScript做成的网站。
（2）、动态网页：有后台数据参与的网页，网页中的数据是从数据库取的，需要有后台逻辑的支持。比如动态网页就是jsp页面（后台语言是java）、asp页面（后台语言是asp.net）。

5.js深度复制的方式

1.使用jq的$.extend(true, target, obj)

2.newobj = Object.create(sourceObj)，// 但是这个是有个问题就是 newobj的更改不会影响到 sourceobj但是 sourceobj的更改会影响到newObj

3.newobj = JSON.parse(JSON.stringify(sourceObj))

6.js跨域请求的方式，能写几种是几种

    1、通过jsonp跨域

    2、通过修改document.domain来跨子域

    3、使用window.name来进行跨域

    4、使用HTML5中新引进的window.postMessage方法来跨域传送数据（ie 67 不支持）

    5、CORS 需要服务器设置header ：Access-Control-Allow-Origin。

    6、nginx反向代理 这个方法一般很少有人提及，但是他可以不用目标服务器配合，不过需要你搭建一个中转nginx服务器，用于转发请求

7.vue生命周期钩子

        1.beforcreate

        2.created

        3.beformount

        4.mounted

        5.beforeUpdate

        6.updated

        7.actived

        8.deatived

        9.beforeDestroy

        10.destroyed

8.一些前端性能优化的方式，越多越好

        1.减少dom操作

        2.部署前，图片压缩，代码压缩

        3.优化js代码结构，减少冗余代码

        4.减少http请求，合理设置 HTTP缓存

        5.使用内容分发cdn加速

        6.静态资源缓存

        7.图片延迟加载

9.说一下 css 盒模型
CSS 中的盒子模型包括 IE 盒子模型和标 准的 W3C 盒子模型。

CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距，边框，填充， 和实际内容。

标准盒模型：一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)

怪异盒模型：一个块的总宽度=width+margin（左右）（既 width 已经包含了 padding 和 border 值）

10.垂直居中的方法
    margin:auto 
    (2)定位margin 负值法 
    (3)table-cell（未脱离文档流的） 设置父元素的 display:table-cell,
    (4)利用 flex 将父元素设置为 display:flex，

11.使元素消失的方法有哪些
    visibility=hidden, opacity=0，display:none
    opacity：0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定 一些事件，如 click 事件，那么点击该区域，也能触发点击事件的
    visibility：hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件

12.CSS 选择器有哪些，优先级呢
    id 选择器，class 选择器，标签选择器，伪元素选择器，伪类选择器等 同一元素引用了多个样式时，排在后面的样式属性的优先级高； 样式选择器的类型不同时，优先级顺序为：id 选择器 > class 选择器 > 标签选择器； 标签之间存在层级包含关系时，后代元素会继承祖先元素的样式。如果后代元素定义了 与祖先元素相同的样式，则祖先元素的相同的样式属性会被覆盖。继承的样式的优先级 比较低，至少比标签选择器的优先级低； 带有!important 标记的样式属性的优先级最高； 样式表的来源不同时，优先级顺序为：内联样式> 内部样式 > 外部样式 > 浏览器用户 自定义样式 > 浏览器默认样式