美团社招一面

美团社招一面

做题

1、面试题

html 复制代码
<style>
.outer{
	width: 100px;
	background: red;
	height: 100px;
}

.inner {
	width: 50px;
	height: 50px;
	background: green;
}

</style>
<div class="outer">
 <div class="inner"></div>
</div>

<script>
  var outer = document.querySelector('.outer');
  var inner = document.querySelector('.inner');
  new MutationObserver(function () {
    console.log('mutate');
  }).observe(outer, {
    attributes: true,
  });

  function onClick(e) {
    console.log('click');
    setTimeout(function () {
      console.log('timeout');
    }, 0);
    Promise.resolve().then(function () {
      console.log('promise');
    });
    outer.setAttribute('data-random', Math.random());
  }

  inner.addEventListener('click', onClick);
  outer.addEventListener('click', onClick);
</script>

2、js

javascript 复制代码
function Foo() {
    getName = function () { console.log (1); };
    return this;
}
Foo.getName = function () { console.log (2);};
Foo.prototype.getName = function () { console.log (3);};
var getName = function () { console.log (4);};
function getName() { console.log (5);}

Foo.getName();//
getName();//
Foo().getName();//
getName();//
new Foo.getName();//
new Foo().getName();//
new new Foo().getName();//

3、

题目:

使用Vue3 / react 分别实现倒计时功能

10-0,到0时自动停止

设置3个按钮,开始 暂停 重置

解答:

注意:记得定时器使用的坑,以及取消页面挂载的时候移除定时器

相关推荐
试图让你心动12 分钟前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_15 分钟前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码37 分钟前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记39 分钟前
sass中@mixin与 @include
前端·sass
陈琦鹏1 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数1 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante1 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam2 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴8502 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏3 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端