动画实际上就是一个视觉欺骗功能，一个前端如果不会视觉欺骗，那么针对很多效果将会手无足措，实际上学习动画的过程中，也能更好理解视觉欺骗，实际开发一些场景也会有更多实现方案

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

canvas简单易上手，在图形、可视化、视频等多个领域有出色表现，是前端开发者扩展技术栈的不二之选。 希望你能通过本文学到Canvas基本的用法和场景，有所收获😊

背景 这期并不是什么高大上的主题，但是对于支付业务却是尤为重要，那就是如何在前端角度防止重复支付，在这边把我的解决方案记录下来，也想剖析一下里面的细节，同时也分享给大家。 解决方案 一、先理清整体逻辑

前言 从刚接触编程起，作者就一直有一个做游戏的梦，奈何水平比较差，做不出啥太像样的游戏，最近趁着下班和周末时间折腾折腾，怀旧一下童年最爱玩的超级玛丽。本文将讲述如何用js写一个MVP版本的超级玛丽游戏

本文将介绍一种巧妙的思路，仅用一条辅助线，就能轻松解决移动端 tab 吸顶的两个问题，极大简化实现逻辑

电商应用中我们常常看到抽奖转盘活动，比如拼多多的「抽奖大转盘」：点击中央的抽奖按钮，转盘开始旋转，一段时间后指针停止在奖品上。 这个效果如果用 H5 应该怎么实现呢？

前言 前端进阶，那就是学，不停的学 我自己也想整理归总一下，看过的很多优秀文章（大部分都看过移动端的看的较少，书籍），所以它来了，因为努力所以看的见，文章比较长，注意头发，希望对你们有所帮助 思维导图

理解扫码登录的实现原理对于构建现代化的用户认证系统至关重要，这种登录方式既提升了用户体验，又增强了账户安全性。在前端面试中也是比较常见的场景面试题。