美团社招一面

美团社招一面

做题

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个按钮,开始 暂停 重置

解答:

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

相关推荐
StrongerIrene9 分钟前
rs build 的process.env的值undefined解决方案
开发语言·javascript·ecmascript
前端小巷子18 分钟前
跨域问题解决方案:JSONP
前端·javascript·面试
eric*168826 分钟前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
程序员爱钓鱼42 分钟前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
GIS之路1 小时前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
just小千1 小时前
重学React(二):添加交互
javascript·react.js·交互
烛阴1 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥1 小时前
HTML之表单结构全解析
前端·html
qq_589568101 小时前
element-plus按需自动导入的配置 以及icon图标不显示的问题解决
开发语言·javascript·ecmascript
聪聪的学习笔记1 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js