前言今天在刷知乎，看到一篇非常棒的文章，想复制其中一段给妹子，结果提示“禁止转载内容不支持复制”，开玩笑，这点小伎俩能拦得住我？于是起身打开笔记本电脑尝试起来，不看不知道，一看有门道。顺手写篇文章记录下。面试官：怎么禁止用户复制我们网页中的内容青铜段位：阻止默认事件法包括但不限于阻止copy事件，mouse事件（阻止选区产生），阻止key事件（阻止键盘操作）等等。 document.addEventListener('copy', e => { e.preventDefault() }) 例子：blog.csdn.net/secketl/art… 未登录的csdn面试官挑眉："...

难不成除了我人均四五段大厂吗，怎么问出来的

剪完头发一看手机 同时发了

这是之前一个27同学面滴滴实习的题目，部门是体验平台，针对浏览器缓存问了强弱缓存区别以及使用场景等问题，小圆这边整理好了～浏览器缓存是前端性能优化中最重要的一环。合理利用缓存，不仅能显著提升页面加载速度、减少服务器压力，还能改善用户体验。但在面试中，很多人只会“Cache-Control、ETag、Expires”这几个名词，却说不清底层逻辑与交互过程。本文讲解浏览器缓存机制，从类型、原理到实践配置，帮你彻底吃透这个高频考点。 一、缓存的分类概览浏览器缓存大体分为两类：类型是否向服务器发请求命中后资源来源常用字段强缓存（Strong Cache）否本地缓存（Memory/Disk）Cache-...