某医疗公司前端开发面试题(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