只需要通过 View Transitions API 切换不同的类名，即可实现流畅的切换动画

命名 view-transition-name
在 View Transitions 动画执行的过程中，默认会在页面根节点下自动创建一组伪元素：

::view-transition  // 视图过渡根元素，包含所有视图过渡组，且位于其他页面内容的顶部
├─ ::view-transition-group(root)  // 默认视图过渡组 (root)
    └─ ::view-transition-image-pair(root)  // 承载一个过渡中旧视图状态和新视图状态的容器
        ├─ ::view-transition-old(root)  // 旧视图状态
        └─ ::view-transition-new(root)  // 新视图状态

通过调用 API，让浏览器为新旧两种不同视图分别捕获并建立了快照 (即 ::view-transition-old 旧快照 和 ::view-transition-new 新快照)，而后新旧两快照在 ::view-transition-image-pair 容器中完成转场动画的过渡。动画结束后则删除其相关伪元素 (快照和容器)。
动画执行的基本过程如下图所示：

• 开发者通过 document.startViewTransition(callback) 启动转场动画，其中 callback
  函数是用来更新 DOM 状态 (即更新为新视图状态)
• 捕获当前状态为旧视图状态
• 暂停 DOM 树渲染
• 回调函数 callback 被调用，用来更新文档状态 (可以是异步函数，返回 Promise)
• 回调函数 callback 成功后，transition.updateCallbackDone 被执行 (即 promise is
  resolved)
• 恢复 DOM 树渲染，而后捕获当前状态为新视图状态
• 创建过渡伪元素 (即 ::view-transition-old、::view-transition-new ...等)
• 渲染未暂停，显示过渡伪元素
• transition.ready 被执行 (即 promise is resolved)
• 伪元素开始动画，直至动画完成
• 删除了过渡伪元素
• transition.finished 被执行 (即 promise is resolved)

若需要使某个元素执行过渡动画，需要给每个元素添加一个自定义属性：view-transition-name，且每个元素的 view-transition-name 必须唯一，即同一个页面上渲染的元素(display 非 none) view-transition-name 不同重复。

- 阅读剩余部分 -

1. EventSource基本介绍
   EventSource是一种用于实现服务器推送事件的Ｗeb API，它允许服务器向客户端发送数据流，而无需客户端发出请求。EventSource架构的设计思想是建立一种持久连接，通过这个连接发送事件流，以实现通信。
   文档地址

- 阅读剩余部分 -

在小程序开发过程中，我们常常会用到 scroll-view 组件来实现滚动效果，尤其是当需要制作横向滚动列表时，一些细节问题值得我们深入探讨。

- 阅读剩余部分 -

特性方面，箭头函数和普通函数存在诸多不同。

- 阅读剩余部分 -

应用生命周期函数 onLaunch 和页面生命周期函数 onLoad 存在同时执行的问题，而在实际开发中往往需要先执行 onLaunch 再执行 onLoad，为了让页面的 onLoad 在 onLaunch 之后执行，可以使用以下解决方案：

- 阅读剩余部分 -