网上冲浪的时候看见有网友在问这个问题。想回答的时候发现自己忘了，一下子没能想起来，这里做个笔记。文章对新手程序员友好。大神请上座。

防抖（debounce）和节流（throttle）是两种常用的优化高频触发事件的方法。> 防抖：当持续触发事件时，一定时间段内没有再触发事件，函数才会执行一次，如果在这个时间段内又触发了事件，则会重新

在HTML中，每个元素都可以理解成一个盒子，在浏览器解析过程中，会涉及到回流与重绘。开发中需要尽量避免回流和重绘，以提高浏览器渲染性能。

图片懒加载是一种常见的网页性能优化技术，它可以延迟加载页面中的图片，只在用户需要时才加载显示，而不是一次性加载所有的图片资源。这可以减少初始页面的加载时间和带宽占用，提升用户的浏览体验。

介绍http缓存，包括两种缓存策略(强缓存，协商缓存)，浏览器的三种刷新会对缓存造成什么影响。可能会遇到的场景如何利用缓存进行优化等

互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上，加载时间每多1秒，你就会流失7%的用户。8秒并不是准确的8秒钟，只是向网站开发者表明了加载时间的重要性。…

前言 上一篇我们已经围绕“网络层面”探索页面性能优化的方案，接下来本篇围绕“浏览器渲染层面”继续开展探索。正文开始前，我们思考如下问题： 渲染关键环节 优化原则 我们了解“页面渲染关键环节”后，便可知

本文将探讨Vue响应式数据的原理设计思想以及双向绑定的实现方式。这篇文章对于Vue的响应式数据与双向绑定原理与实现解析讲的清晰明了。

前段时间深入的学习了下HTTP的CSP策略，就想着找几个网站练练手，看看哪个倒霉蛋要中招。说巧不巧打开掘金一看，嘻嘻正是我想要的，于是乎就诞生了一个有意思的攻击示例。