2020前端开发者的面试（2），不定时更新

某医疗公司前端开发面试题（2020.4.29去了二话不说就做了一个小时题目，亏我还好好认真的做了，结果人家并不看什么面试题，直接面试就问技术能达到什么程序）算了，直接上题目。

1.行内元素有哪些？块级元素有哪些？行内元素和块级元素有什么区别？

2. css新增伪类有哪些？

3. css优先级算法如何计算？

4. HTTP状态码都有哪些及含义？

5.js中的基本数据类型？

6.什么是JavaScript闭包？有何作用？

7.Ajax和Jsonp的区别

AJAX是通过XMLHttpRequest对象获取非页面内容，而JSONP是动态的添加

ajax和jsonp的调用方式很像，目的一样，都是请求url，然后把服务器返回的数据进行处理，因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装；

实质不同
　　ajax的核心是通过xmlHttpRequest获取非本页内容
　　jsonp的核心是动态添加script标签调用服务器提供的js脚本
区别联系
　　不在于是否跨域
　　ajax通过服务端代理一样跨域
　　jsonp也不并不排斥同域的数据的获取
jsonp是一种方式或者说非强制性的协议
ajax也不一定非要用json格式来传递数据

作者：bo_bo_bo_la
链接：https://www.jianshu.com/p/fce33a35a0b6
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

8.JavaScript面向对象中继承实现？

9.请实现，鼠标点击页面中的任意标签，alert该标签的名称（注意兼容性）

10.请使用css控制3个div，实现如下图的页面布局：总高度：310px;左侧宽度：100px,右侧宽度：200px;左侧上面部分高度：150px

11.实现点击下面的按钮出现提示框，再次点击其它地方提示框消失：

12.编写冒泡排序

var arr=[1,3,5,6,8,7,9,2]

13.详细说下你对vue生命周期的理解？

不多说，直接上图

14.vue的data，methods,computed,watch之间有什么区别？

• data:返回值必须为函数。vue将会递归将data的属性转换成getter和setter，从而让data的属性能够响应数据变化；
• methods:methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例
• computed:计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
• watch:是一种更通用的方式来观察和响应 Vue 实例上的数据变动。一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。

通俗来讲，computed是在HTML DOM加载后马上执行的，如赋值；
而methods则必须要有一定的触发条件才能执行，如点击事件；
watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。

所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再watch。

15.vuex有哪几种属性

根据尤雨溪官网上所写，vuex核心概念有5个，分别是State,Getter,Mutation,Action,Module。我答了个store是个啥哦，我怕不是个傻子。

• State:vuex中的基本数据
• Getter:从store中派生出的状态，也可以通过vue的computed获得vuex的getter
• Mutation:提交mutation是更改vuex中的store中状态的唯一方法，mutation必须是同步的，如果要异步需要使用action
• Action:类似于mutation；但不同在于
  （1）Action提交的是mutation，而不是直接变更状态
  （2）Action可以包含任意异步操作
• Module:由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂的时候，store对象就有可能变得想当臃肿，所有将store分模块：每个module里都有state,getter,action,mutation