js相关 | 青训营笔记

45 阅读2分钟

js常用优化:

  1. 防抖:防抖是一种常用的性能优化技术,用于限制在某个时间段内重复触发同一事件的频率。当一个事件被触发后,防抖会在指定的时间间隔内等待,如果在此期间内再次触发了该事件,那么计时器将会被重置。只有当指定的时间间隔内没有再次触发事件时,才会执行相应的操作。

防抖常用于处理一些频繁触发的事件,如窗口调整、搜索输入等。通过防抖,我们可以减少事件处理的次数,提高页面性能和用户体验。

  1. 节流(Throttle) 节流是另一种常用的性能优化技术,用于控制连续触发事件的执行频率。当一个事件被触发后,节流会在指定的时间间隔内执行一次相应的操作,而忽略在此期间内触发的其他事件。

与防抖不同,节流在指定的时间间隔内无论触发多少次事件,都只会执行一次。这在一些需要限制频率的操作中非常有用,如滚动事件、鼠标移动事件等。

  1. JavaScript是一门单线程的语言,但在实际开发中,经常需要处理一些耗时的操作,如网络请求、文件读写等。为了避免阻塞主线程的执行,JavaScript采用了异步编程的方式。

异步编程可以通过回调函数、Promise和async/await等方式实现。回调函数是最早使用的异步编程方式,但容易导致回调地狱(callback hell)。Promise是ES6引入的一种更优雅的异步编程方式,它可以链式调用,避免了回调地狱的问题。而async/await是ES8引入的异步编程语法糖,可以以同步的写法处理异步操作,使代码更加清晰易读。

  1. 模块化 模块化是一种组织和管理代码的方式,它将代码分割为多个独立的模块,每个模块只关注自己的功能,并且可以在需要的地方进行导入和使用。模块化提供了更好的代码复用性和可维护性。