网站三要素_游戏网页界面设计_网页分析工具_四种营销模式

美团社招一面
做题
1、面试题

<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

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个按钮，开始 暂停 重置
解答：

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