这次要说的是前端开发中计算距离和宽高的关键知识点。主要涵盖了常见应用场景、重要的浏览器属性和方法（如 pageY、clientY、scrollY 等），以及在 react 中使用这些属性的注意事项。

async/await是非常棒的语法糖，可以说他是解决异步问题的最终解决方案。从字面意思来理解。async 是`异步`的意思，而 await 是 `等待`

在面试中，经常会被问到的便是Promise。这篇文章详细介绍了 Promise 的基本概念与用法，并通过示例讲解了如何使用async/await 来简化异步操作。希望这篇文章能帮助读者更好地掌握。

本文介绍20个关于javascript账 async/await的实用技巧，将大大提升编程效率和代码的清晰度。

大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化

在做多图大图页面的时候，经常需要先loading，等待image.onload 才放开loading，但是img.onload在图片从缓存/内存直接读取的时候，部分浏览器如safari/微信 不触发i

利用Chrome开发者工具断点调试功能调试修改代码，一刷新就什么都没有了，且只能调试JS代码，太尴尬了。 想刷新后，原来修改调试的的代码还在，且JSP、JS、CSS等能调试，那赶快试试下面这种方法吧。

前言 在前端开发中，我们经常需要处理一些高频触发的事件，如窗口的scroll事件、按钮的click事件以及输入框的input事件等。如果不加处理，这些事件会大量消耗系统资源，并且可能影响用户的体验。这

requestAnimationFrame requestAnimationFrame是一个浏览器的宏任务，它的用法与setTimeout很相似，只是不需要设置时间间隔。 requestAnimati