JS监听浏览器缩放比例 点击打开视频讲解更加详细 应用场景： 可在切换浏览器不同百分比时显示不同样式 可在切换浏览器不同百分比时控制不同的dom操作 。。。。。。。 完整案例： 效果图： 若对您有帮助

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…

1. 前言 浏览器缓存 是浏览器将用户请求过的静态资源（html、css、js），存储到电脑本地磁盘中，当浏览器再次访问时，就可以直接从本地加载了，不需要再去服务端请求了。 但也不是说缓存没有缺点，如果处理不当，可能会导致服务端代码更新了，但是用户却还是老页面。所以前端们要针对…

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效…

在五种场景下的跨域解决方案。有前端的（vue/react）解决方案，nginx的解决方案，逻辑层（后端）的解决方案，JQ项目的解决方案和连JQ都没有的远古项目的解决方案。

提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。 而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！ 性

前端页面性能对用户留存、用户直观体验有着重要作用。这样的话如何更好的监控前端页面性能就变的十分重要。前端页面的性能监控主要分为两个方式： 一种叫做合成监控 Synthetic Monitoring, SYN。就是在一个模拟场景里，提交一个需要做性能审计的页面，通过一系列的工具、…

界面上UI的更改都是通过DOM操作实现的，并不是通过传统的刷新页面实现 的。尽管DOM提供了丰富接口供外部调用，但DOM操作的代价很高，页面前端代码的性能瓶颈也大多集中在DOM操作上，所以前端性能优化的一个主要的关注 点就是DOM操作的优化。 DOM操作优化的总原则是尽量减少D…

相同的功能采用不同的代码实现所需要的运行时间也不会相同，这里简单总结了10个JavaScript代码优化的小技巧，可以增加这么一nainai的运行速度