前端知识点2

最新推荐文章于 2024-09-04 19:23:53 发布

原创最新推荐文章于 2024-09-04 19:23:53 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了事件机制中捕获和冒泡的概念，并通过实例介绍了如何使用addEventListener来控制事件流。此外，还讲解了柯里化的实现方式，以及call、apply、bind的区别。最后，简单介绍了HTTP/2协议的一些关键特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

8、事件机制，如何反转捕获和冒泡，
addEventListener:
event：必须。字符串，指定事件名。
注意: 不要使用 "on" 前缀。例如，使用 "click" ,而不是使用 "onclick"。

function：必须。指定要事件触发时执行的函数。
当事件对象会作为第一个参数传入函数。事件对象的类型取决于特定的事件。例如， "click" 事件属于 MouseEvent(鼠标事件) 对象。

useCapture：可选。布尔值，指定事件是否在捕获或冒泡阶段执行。
可能值:
true - 事件句柄在捕获阶段执行

false- false- 默认。事件句柄在冒泡阶段执行

9、手写柯里化

function add( seed ) {
    function retVal( later ) {
        return add( seed + later );
    }
    retVal.toString = function() {
        return seed;
    };
    return retVal;
}
console.log(add(1)(2)(3).toString()); // 6

10、apply，bind，call区别

call()、apply()、bind() 都是用来重定义 this 这个对象的！

call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,'成都', ... ,'string' )；
apply的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 'string' ]);

bind除了返回是函数以外，它的参数和call 一样。

Math.max(...arr);

Math.max.apply(null, arr);

11、Http/2

多路复用 (Multiplexing)

二进制分帧

首部压缩（Header Compression）

服务端推送（Server Push）

https://www.zhihu.com/question/34074946