最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

通过监听鼠标与键盘事件，判断用户长时间无操作，并考虑页面隐藏情况。 完整js封装方法，支持自定义时长与执行时机，并支持移除相关事件。 网页空闲状态检测方法。

现如今有些场景下我们使用到的图片，需要在图片中隐匿一些信息，大多数是为了图片版权，防止滥用。比如摄影师辛苦拍摄的照片，被窃取，盗用的情况很多，如何证明这张图是出自你手？

今天大佬群里分享了一个视频，有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果，自己试着实现了下。

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

前言 我自己本身就是一个十分疯狂的工具收集者，收藏了各种各样的网站，工具类的，UI类的，插画类的，翻译类，学习类，文档类，五花八门，眼花缭乱。然而过度的收集反而成为了我工作开发环境中的屏障！

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。