对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇 2024前端高频面试题

Javascript的垃圾回收和内存泄漏 阅读本章节前，需要读者理解执行上下文和作用域，作者有相关文章供参考。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存。 对于持续运行的

一、写在前面 作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。 但是通常情况下我们都是使用一个相

如果我们需要监听某个元素是否出现在视口中，一般做法是监听 scroll 事件，然后查询元素离视口顶部的距离，但是监听 scroll 事件存在性能问题。 浏览器原生提供了 IntersectionObs

大家可能都知道 dom 有一个 scrollIntoview方法，它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量 效果如下 这样跳转比较生硬，因此可能还知道有这样一个参数 这样就能平滑

大家好，我是晨霜，本篇会分享如何拦截项目中所有的路由跳转，以及介绍一下笔者封装的相关轮子，希望对你有所帮助。

防抖（Debounce） 和 节流（Throttle） 技术用于限制函数执行的次数。通常，一个函数将被执行多少次或何时执行由开发人员决定。但在某些情况下，开发人员会将这种能力赋予用户，由用户决定执行该

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…