当前位置: 首页 > 面试经验 >

5.15 网易有道 前端日常实习 二面

优质
小牛编辑
114浏览
2023-05-15

5.15 网易有道 前端日常实习 二面

  • 以下输出什么:
let array = [2, 4, 1, 3, 9]
console.log(array.push(6))

6 - 数组的长度


  • 子元素的左侧和父元素相距多少?

这个不就是 100px 吗?为什么面试官说是 0

<div style="width: 200px; height: 200px">
  <div style="width: 100px; height: 100px; margin-left: 100px"></div>
</div>

  • 在 Vue 的 created 生命周期函数中有这么一段代码

一开始就问我在里面打印 this 是啥,我说就是实例化的 vue,然后引导之后我才知道他问我这个呢

export default {
	created() {
		// 输出什么?
		setTimeout(() => {
			console.log(this)
		}, 50)
		// 输出什么?
		setTimeout(function () {
			console.log(this)
		}, 50)
	}
}

  • elementUI 中有表格组件,还有分页组件,我点击表格内某个东西,比如就是编辑按钮,我跳转过去了,然后在编辑页操作完成之后我点击浏览器左上角的后退摁钮,返回之后怎么让保持原来的页数以及滚动条的位置?

回答的 <KeepAlive> 这个组件


  • 那假如我在编辑页编辑了一些数据,返回之前那个表格页面时候我要看到最新的数据,如何做?

回答的通过 onActivated 这个 <KeepAlive> 组件的生命周期函数,在这个函数里面重新请求数据


  • v-ifv-show 区别

面试官嘀咕说好久不面了,都不知道问啥了


  • watchcomputed 的区别

八股


  • 那假如说刚才那个场景,表格里的数据我要从接口拿到,并且利用返回之后的数据操作 DOM,怎么做?

nextTick


  • 这个可视区域红色的宽高是多少
<div id="box"></div>
<style>
	#box {
		width: 200px;
		height: 200px;
		background-color: red;
		padding: 100px;
	}
</style>

400px

  • 那怎么让他变成 200px

设置 box-sizing: border-box;


  • 别的记不太清了,想起来再加


  • 数组扁平化 + 返回出现次数最多的元素及其次数
#网易信息集散地##面经##网易##网易有道##前端#
 类似资料: