dongua

View Transitions API 是一个使用简单且能力强大的 Web API，只需要几行代码就能在 MPA 场景下实现原来无法实现或者成本极高的跨页面过渡动画.

CSS动画：利用css3的样式效果可以将dom元素做出动画的效果来。 Canvas动画：利用Canvas提供的API，不断清除--绘制这样一帧一帧的做出动画效果。 SVG动画：SVG意为可缩放矢量图形，同时也是HTML中的一个标签，在实现动画方面较为小众了一些，但其提供了不少的…

在 Web 开发中，我们经常需要区分用户是否通过刷新操作重新加载了页面。这一操作可能是由用户手动刷新（如按下 F5 键或点击浏览器刷新按钮）或通过浏览器自动重新加载。判断页面是否刷新有助于开发者优化用

观察者模式又名发布-订阅（Publish/Subscribe）模式，我们通常会使用浏览器原生提供的观察者模式来处理特定的场景，比如MutationObserver等实现pickernumber的修改。

介绍 View Transitions API 是一个较新的web API，其实截止目前也已经出现快一年时间了，根据MDN的介绍，该API属于实验性技术，Chrom和Edge的111版本以上已经能够使

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之

这不最近我司的设计师又给笔者整活了，在数据大屏页面的中间位置，做了一个效果图，不过需要做一个箭头沿着路径实现拐弯的动画效果；这可咋整呢，本文就结合CSS3的特性和svg，看一下实现的思路。

大家都知道数组有一个reduce方法,它允许我们对数组中的每一个元素执行一个回调函数，从而将数组缩减为单个值。大家可能平常最常用的场景就是用它来进行数组求和，但是其实在很多场景下都能用它，接下来我们就

你肯定知道 CSS 的 border-image 属性，但可能从未真正使用过它，或者你曾经尝试过，却被它的切片逻辑弄得晕头转向。确实，border-image 的语法有些复杂，但这并不妨碍它创造出超酷