如果我们想在网络上不求助于黑客或成熟的体系结构选择来实现它,那么能够在网页上进行过渡会动画。我可以想象一个API会在页面卸载之前运行的东西,也许会与Waapi集成,以及下一页加载后的其他内容。这是带有常规的OL'Anchor链接和页面加载。
我们确实有一个OnBeunload API,但我不确定有哪种行李。即使没有单页应用架构,我们也可以从技术上构建页面过渡,但是我想要的是专用的API,可以帮助我们干净(可理解的功能),并且性能(可以像正常单击链接一样快速工作)和心中的可访问性(如焦点处理)。
如果您无论如何要构建单页应用程序,则可以自由地在视图之间进行动画,因为页面永远不会重新加载。这里的危险是,您可能只是为了这种能力选择一个单页应用程序,这就是我必须购买站点体系结构来实现这一目标的意思。这感觉就像是不幸的权衡,因为单页应用程序带来了大量的开销,例如工具和可访问性问题,您本来就不需要。
没有单页应用程序,您可以使用类似Turbo和Animate.css之类的东西。或者,亚当(Adam)的新Transition.Style,一种基于Daniel Edan的杰作的剪辑path()。也许如果该方法与Instant配对。页面将与任何其他内部链接单击一样快。
还有其他玩家试图解决这个问题,例如Smoothstate.js和Swup。诀窍是:拦截动作以移至下一页,首先运行动画,然后加载下一页,然后对新页面进行动画。从技术上讲,它会减慢一些速度,但是您可以非常有效地做到这一点,并且动作增加了足够的干扰,以使感知到的性能甚至更好。
理想情况下,我们不必为整个页面进行动画动画,但是我们可以拥有完全的控制来进行更有趣的过渡。哎呀,十年前,我正在为一个音乐家提供一个页面,在该页面上,在网站周围点击只是在四处移动,以便音频继续播放(这很有趣)。
这将是Web平台可以介入的好地方。我记得杰克(Jake)在几年前推动,但我不确定这是否到了任何地方。然后,我们得到了……好吗?这些就像您在页面上加载一个iframe,然后对其进行动画接管整个页面(并更新URL)。那里的动画不大,但是您肯定可以在周围滑动一些页面或进出淡出(嘿,这是另一条路:高速公路),例如Jquery Mobile在远古时代做的。
以上是仍然希望有更好的本地页面过渡的详细内容。更多信息请关注PHP中文网其他相关文章!