常见面试题

HTML部分

引入样式，使用什么标签？

style,link

给超链接设置什么属性，可以点击超链接在新窗口打开

target=’_blank’

label标签的作用是什么？是怎么用的，为什么要加for？

input标注，for关联iniput标记的id

Html中有序列表和无序列表分别指的是什么标签

ul,ol

为什么给img设置alt属性

图片不能加载时，显示的图片描述。利于SEO与用户看清这是什么

行内元素有哪些，块级元素有哪些，空元素有哪些？

行内：a,b,span
块级:div,h1-h6,p
空：input,br,img

Html语义化，都有那些标签

time,section,header,footer,nav,

form表单中input元素的readonly与disabled属性描述

只读，禁用

目前主流浏览器有哪些，其内核介绍是？

Chrome：webkit，blink
Opera：presto,blink
Safari：webkit
IE：Trident
Firfox：gecko

HTML5部分

HTML5 为什么只需要写 ？

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

页面导入样式时，使用link和@import有什么区别？

如何区分 HTML 和 HTML5？

HTML5的离线储存怎么使用，工作原理能不能解释一下？

iframe有那些缺点？

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

html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？

CSS部分

CSS选择符有哪些?优先级算法如何计算?内联和important哪个优先级高?

id，类，元素，兄弟，父子。Id100，class10，元素1，内联1000，其他不计。Important优先级最高

解释css sprites，如何使用。

精灵图通过整合，将多张背景图合为一张。通过background的position进行调控。优点是避免重复请求，减少请求数据的开销，加快速度

清楚浮动有哪些方式？比较好的方式是哪一种

overflow:auto,hidden，clear:both，追加伪类，display:table，父级height

px、em、rem的区别？

rem:根元素font-size
px:固定像素
em:父级元素

display:none;与visibility:hidden的区别是什么？

display:none所占位置不再显示。visibility:hidden：内容不显示，但是仍然占位。同时子级元素设置可见以后可以看见

css盒子模型是什么？

将布局进行模块化的分区，一个盒模型由margin，border，padding，content构成

css选择符有哪些？优先级算法如何计算？内联和important哪个优先级高？

id，类，元素，兄弟，父子。Id100，class10，元素1，内联1000，其他不计。Important优先级最高

cursor:hand在Firefox下不显示小手，如何解决？

使用cursor：poniter

用纯 CSS 创建一个三角形的原理是什么？

介绍一下 Sass 和 Less 是什么？它们有何区别？

JS部分

js中使用typeof能得到哪些类型？

js中哪些内置函数？

js变量按照存储方式区分为哪些类型，并描述其特点

获取随机数的方法是？

window.onload和DOMContentLoaded的区别？

split() 和 join() 的区别

数组方法pop() push() unshift() shift()是什么作用

写代码获取2018-4-26格式的日期，输出到控制台。

如何消除一个数组里面重复的元素？多种方法代码实现。

当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？

JQuery部分

你知道jquery中的选择器吗，请列一下有哪些选择器？

ID选择器，全选选择器，类选择器，标签选择器，并集选择器，交集选择器
子代选择器，后代选择器

jquery对象和dom对象是怎样转换的？

DOM对象转换jQuery对象：$(DOM对象)jQuery对象转换DOM对象：$(DOM对象)[索引号]/$(DOM对象).get(索引号)

你是如何使用jquery中的ajax的？

发送Ajax请求

$.ajax({

​ type: ‘get’,（请求方式）

​ url: ‘http://www.example.com’,（请求地址）

​ data: { name: ‘zhangsan’, age: ‘20’ },/‘name=zhangsan&age=20’/JSON.stringify({name: ‘zhangsan’, age: ‘20’})

​ contentType: ‘application/x-www-form-urlencoded’,/‘application/json’

​ beforeSend: function () { （请求前调用）

​ return false

​ },

​ success: function (response) {},（请求成功后调用：success）

​ error: function (xhr) {}（请求失败后调用：success）

});

jquery 中如何将数组转化为json字符串，然后再转化回来？

在jquery中你是如何去获取和修改属性的值的？和JS有什么区别？

你使用jquery遇到过哪些问题，你是怎么解决的？

在jquery中你有没有编写过插件，插件有什么好处？你编写过那些插件？它应该注意那些？

VUE部分

什么是MVVM？

Model（模型）-View（视图）-ViewModel的缩写

v-show和v-if指令的共同点和不同点

vue生命周期总共有几个阶段

8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后

vue当中常用的指令和它的用法

路由之间跳转方法？

HTML跳转

<router-link :to="{name:'editDetail',query:{page:1,code:1111}}"></router-link>

JS跳转

this.$router.push({
    name:"editDetail",
    query:{
        page:1,
        code:1111
    }
})

DOM 渲染在 哪个周期中就已经完成？

DOM 渲染在 mounted 中就已经完成了

es6和es5对比，有何改变

computed，mothods，watch的区别？

computed是在HTML DOM加载后马上执行

methods则必须要有一定的触发条件才能执行

watch是Vue实例上的数据变动才会执行

vue中的ref作用？

获取本页面的dom元素，还可以拿到子组件中的data和去调用子组件中的方法

了解vuex吗？

专为Vue.js应用程序开发的状态管理模式，五个特别重要的属性分别是state，mutations，actions，getters，modules。

vue-router的两种模式的区别

hash模式：vue-router默认的是hash模式

window.onhashchange = function(event){
 console.log(event);
}

history模式：
window.history

js同源策略

协议，域名，端口相同的页面，Ajax只能在同源客户端和服务器之间发送请求

跨域请求方案：JSONP和CORS

服务器端对于CORS的支持，主要就是通过设置Access-Control-Allow-Origin来进行
JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的JSON数据。callback({"name","trigkit4"});