javaScript前端面试题

1. react中类组件和函数组件的区别？

2. 在以下的一段代码中如何实现在屏幕>1000px时一行展示6列，在屏幕<=1000px时展示3列？

   <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
   </ul>

3. 通过js的方式如何知道当前点击的事第几个li标签？

4. 在点击事件中，e.target和e.currentTarget的区别是什么？在此场景中，点击li时e.target和e.currentTarget是否是一样的？

5. 下题中的执行结果是什么？

   var a = '111';
   const obj = {
       i: "222",
       b: () => {
           console.log(this.i, this);
       },
       c: () => {
           console.log(a);
           var a = '222';
       },
       d: () => {
           console.log(1);
           new Promise((resolve, reject) => {
               console.log(2);
               resolve();
               console.log(3)
           }).then(() => {
               console.log(4)
           });
           setTimeout(() => {
               console.log(5)
           });
           console.log(6)
       }
   }
   
   obj.b();
   obj.c();
   obj.d();

6. 在开发中pc端和app端的区别？
7. 在小程序中在点击一个元素的过程中触发了哪些事件？
8. 在类组件中的生命周期，在函数组件中都是怎么实现的？
9. input都有哪些类型？antd中upload组件都有哪些参数？功能通过input如何实现？
10. 如何实现一个自定义hooks  useThrottle达到截流的功能？
11. 知道总人数totalPeople和总金额totalMoney,如何实现一个发红包的方法roll能保证一次有一个人都能拿到一个红包？