记录下在b站刷到秋招小姐姐的面试题

正在努力准备找实习哈哈哈，在b站刷到了一个小姐姐codewithAlice，然后总结了一下她遇到的面试题：（征得了本人同意哦，不过她的博客里面还有好多我没有总结出来_{）后面部分的是她的评论区大家的总结我copy过来的}

第一场：

1.vueAPP适配是怎么写的，用的什么单位？
2.get和post有什么区别？
3.计算属性和监听器有什么区别？
4.v-for渲染列表是key是用来做什么的？
5.数据请求在生命周期哪一个阶段？
6.水平居中有哪几种方法？
7.flex弹性盒模型？
8.父盒子中子盒子浮动有什么后果？
9.清除浮动有哪些方法？
10.定位有哪些属性？相对定位是相对什么定位？
11.行没元素和行内块元素有什么区别？行内块元素在同一行显示时有默认空隙，如何解决？
12.给DOM元素绑定事件有哪些方法？
13.数组里面有哪些遍历方法？es6

第二场：（网易-电话面试）

1.js中的闭包指什么？
2.v-if和v-show的区别是什么？分别的使用场景。
3.v-for中 key值的作用？
4.vue中插槽的作用？
5.js的执行机制

第三场：（华为-电话面试）

1,原生js继承怎么实现
2,es6里面有什么类和方法
3,vue相关的问题
4,jquery和vue的区别
5,vue中父子组件和兄弟组件怎么传的
6,vuex和axios和使用
7,es6里const let var 区别
8,js里的垃圾回收机制
9,使用js怎么调bug

第四场：（笔试）

h5新增的标签有哪些，为什么要加强语义化？
为什么要清除浮动，怎么清除浮动？
行内元素，块元素有哪些？它们有什么不同？
现在有哪几种存储数据的方式，它们分别有什么不同？
程序题for（i=0;i<10;i++){setTimeout(function(){console.log(i)},10)}
vue实现双向绑定的原理是什么
Vue之间组件是怎么传值的
让两个组件实现按点击次序执行请求
怎么实现文本不自动换行，超出文本的部分变成省略号
vue的生命周期有哪些，分别有什么不同
跨域的原理有哪些，jsonp的原理是什么？
1.html5增加了<main><header><footer><aside><section><video><audio><time><data>之类的语义化标签, 搜索引擎会利用爬虫分析抓取页面结构内容，有利于SEO，页面结构更加清晰，利于维护.提高页面可访问性，不会在样式加载不正常的时候一团乱，维持基本结构。利于部分残障人士页面阅读器解析
2.浮动脱离了正常文档流,会导致父元素高度塌陷，后面元素会挤到浮动元素下方，造成布局错乱。(清除浮动:1.父元素创建BFC，使其处于单独的块级渲染区域 overflow不为visible,float不为none,display值为flex grid inline-box table, position为absolute或fixed都可以创建。2.父元素的伪元素::after display:block,heght:0,visbility:hidden,clear:both,content:'.')
3.行元素无法设置宽高,行排布,不够换行 a b span img input button label, 块元素独占一行,可以设置宽高 p div ul ol form table , 还有空元素:link br hr等
4.cookie sessionStorage localStorage indexDb,cookie按设定的时间内有效，最多4k, 两个storage都是html5新api,存储键值对,sessionStorage会话存储,页面访问时间内有效，关闭页面失效,localStorage一直有效，关闭页面不会失效，两个都是最大5M，indexdb也是h5新api，浏览器内置小型数据库。
5.考变量提升和作用域,i先增加到了10,setTimeout为宏任务,10ms后宏任务里陆续增加了10个function(){log(i)}回调,10次事件循环每次把一个宏任务取到栈里,执行打印i, 10次10
6.Vue双向绑定 vm视图模型简单来说就是利用了Object.defineProperty(),通过劫持setter,实现model到view，view到model则是一堆事件监听 输入框的input,选择组件的 change等等。具体复杂些的实现就要看观察订阅设计模式了
7.父->子:props, 子->父: 子:emit,父 on,兄弟之间: 利用一个事件中央总线bus
8.可能是: 全局一个promise实例,不同按钮点击:在实例then后返回新的不同promise连接到全局promise,应该可以保证顺序吧。。
９.text-overflow:ellipsis??
10.简单说:几个钩子函数created,mounted,updated,destroyed 再加上四个before，created时data绑定，el不可见。beforemount调用render,实例添加$el替换el后调用mounted,数据更新触发视图渲染则调用两个update,销毁实例之前调用beforedestroy。
11.跨域浏览器安全策略造成，非同协议，源，端口　皆为跨域，为了避免csrf跨域请求伪造，请求会被浏览器拦截。
实现跨域请求:jsonp ,后端设置CORS, 各种代理 像nginx,node中间件。跨域访问dom:Window.postMessage, document.domain,iframe
jsonp原理:利用script不受同源政策限制,将请求模拟成script标签请求,写入callback回调函数，后台将结果用callback包装返回，回调函数即可得到数据，，不过jsonp只支持get请求

第五场：

1,讲一下es6有哪些新特性
2,css3中的anvas绘画，node.js webpack是否有了解
3,html第一行！doctype是做上面用的
4,css动画特性可以用js实现，网上还要用css实现
5,ajax请求数据重新处理和拦截器
6,boorstarp中栏珊的24个是怎么做到的
7,轮播图怎么考虑实现的
8,git的常用操作
9,除了视频网站学习还会怎么学习
10,简单说下get和post的区别
11,h5的新特性，和css3的新特性
12,seo的搜索引擎优化
13,const定义对象能否改变
14,let和var在全局定义的时候有什么区别
15,js的三大事件

第六场：（海康微视）

1,闭包是什么，有什么优点和缺点
2,怎么让子盒子上下居中
3,js的本地的储存有哪些（本地存储机制）
4,cookie和session了解吗
5,跨域怎么做
6,this的指向问题
7,vue项目中用什么UI框架
8,npm中warn了解吗
9,node.js了解吗
10,详细说下做的项目
11，分别类举自己三个优缺点

第七场：（复试）

1.学过哪些基础框架
2.vue源码，怎么实现数据劫持
3.vue生命周期
4.分别在什么时候使用created，mounted
5.用过es6，es7吗？列举常用的
6.Promise async await用过吗？
7.箭头函数和一般函数有什么区别
8.有没有了解过后端的语言
9.jQuery中绑定事件用的on和bind有什么区别
10.前端常用的性能优化有哪些方法？打开页面加载较慢怎么办？
11.闭包是什么，举例说明。

八：（吉利······）

7/19
H5标签有哪些？
Css中的定位？//浮动，定位，弹性盒子
es6有哪些新特性，let var const的区别。
什么是闭包？
Vue的生命周期？（可以自己跟面试官补充常见的钩子函数的操作，增加good Image）
Vue中this从哪里可以开始调用？
Js的基本数据类型，别忘了es6新增的symbol
怎么判断数据类型，typeOf基本数据类型，instanceOf引用类型
给数组去重（算法，高概率多准备）

九：（海康）

（第三次海康，恭喜Up喜提offer！！！）
电话面试
Js的基本数据类型
Js中怎么绑定事件
深拷贝和浅拷贝的区别，怎么实现深拷贝
数组的常用操作方法？Splice和slice的区别
Es6里面的 let var const
事件委托是什么
简要说明get和post的区别
简要说明v-if和v-show的区别
父子组件，兄弟组件之间的传值

现场面试
http请求头content-type？//根据请求头的type类型解码
Es6里面Promise的两个参数分别是什么？//第一个参数表示成功时的回调函数，第二个是失败状态的回调函数
for in和for of的区别？//不会就讲讲自己对它的了解
Vue的computed和watch区别，以及应用场景
Vue生命周期，用过哪些，怎么用的，mounted里面一般放什么?
V-if和v-show区别，项目中的使用
v-for在项目中的使用，key值的作用，对使用效率的影响，没有key会出现什么情况？
《面试官了解你的面试项目情况》项目中的每一个功能详解，要手写代码（后台数据模拟，获取数据），项目难点//项目难点准备用以提问面试官
父子组件传值，兄弟组件传值，Vuex代码怎么写
bootstrap,jquery分别用了哪些，css选择器的优先级，子代/后代
学校竞赛，学习途径，《js高级程序设计》中函数重载，vue使用版本

十：(宇视)

先笔试在电话面试
笔试：选择题(20道)和填空题，还有算法题(3-5道)

1.在js的浏览器对象模型当中，windows对象当中什么属性是用来指定用来指定浏览器状态栏里面的临时消息的?//这个是status
两个div采用绝对定位，设置层叠关系，需要设置什么：z-index
2.《eval函数，它可不可以解释由JS原码组成的字符串呢？//可以的，
然后这个函数能不能用调式工具的断点来调试呢?//是不可以用断点，
这个函数是js自带的函数，使用的话会不会引起安全问题呢？//是会的，它会引起XSS攻击，
还有一个就是这个函数，它会不会有效率问题，该函数是动态解释字符串，会不会存在效率问题？//当时写的是会，效率问题主要还是在自身逻辑上面（建议自行百度）》
3.html网页元素加载完后触发哪个事件？//选项有onready onchange onload onblur ？Onready是先于onload执行的，onload是要等所有元素包括img之类的加载完成之后才会执行的，而onready是只要DOM结构绘制完成就能执行。如果有多个onload函数，它只会执行最后一个函数，而onready是有多少个执行多少个。
4.addEventListener可不可以多次给DOM对象添加监听事件？//是可以的。（简述：一个监听对象一般只会有一个监听事件，多余的会移除掉）
5.attachEvent可以删除DOM对象的监听事件吗？（是不可以的，这是用来监听的，如果要删除的话，用removeEvent。）
6.New Date（）可以获取的是哪里的时间？是PC本地的时间
7.Form标签之间可以出现<p>、<u>等非表单域元素吗？（是可以的，form可以包含包括input,文本，单选，复选，textarea等.）
8.在JS里，两个整数进行除法，得到的数是整数还是小数？(是小数,要得到整数则用parseInt和Math.round等等。)
9.属性document.body.scrollWidth,表示的是网页中滚动条的宽度吗？(不是的，它表示的是网页正文全文的宽度。)
10.offsetsetWidth clientWidth分别代表可见区域的宽度，还有高度等。(up主表示这些最好去查一下，这个特别多.)
（解答题部分）
http常见状态码有哪几种，写至少五种？
JS或DOM操作的时候，浏览器兼容的注意事项有哪些？
Web开发，常见的安全性漏洞有哪些，写三个？
冒泡排序怎么写？
深拷贝的代码怎么写？

十一：（宇视）

8/5(宇视，电话面试)
Vue生命周期
v-if和v-show的区别
Vuex大概怎么使用，在什么场景应用？
单页面应用的优缺点？
轮播图是怎么实现的？
后台数据抓取怎么写？
跨域的方法有哪些，常用的是怎么用？
安全性问题，在无法使用https情况下，在局域网里面如何防止报文攻击？

以下站友分享给小姐姐的面试题，怎么理解前端，怎么学习前端，对后端语言了解程度
常用浏览器及其内核
http和https分别是什么，有什么区别？
cookie和session分别有什么作用
前端性能优化有哪些方法
从输入url到加载完成中间发生了什么？（不同理解程度的人理解有很多，up主推荐大家查一查）
可以通过什么途径查到一个网站现在使用了什么技术(开发者工具里查看Source)
react的核心是什么？
Vue router的钩子函数有哪些，哪一个是全局使用的钩子