Skip to content

应用周期

从创建应用到结束,会经历创建图形、启动应用、首次布局、应用准备就绪、首次渲染、视图准备就绪、多次渲染生命周期、停止/重启、销毁等过程,从而形成一个应用的生命周期。


生命周期


示例

生命周期中的不同状态会通过 LeaferEvent进行通知,你也可以通过 Leafer 实例监听这些事件实现自己的产品逻辑。

监听 ready 事件

ts
import { Leafer, Rect, LeaferEvent } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })

leafer.add(rect)

leafer.on(LeaferEvent.READY, function () {
    // ready
})

恭喜 🎉

你已完成快速入门知识的学习,可以开始用 LeaferJS 来探索产品开发了~


可继续阅读

🍉 第 2 本书: 参考手册,详解所有元素、属性方法、事件、类库的使用。

🍊 第 3 本书: 插件中心,了解让你事半功倍的官方、社区插件。

在前端环境中使用

Vue

React

在服务端渲染中使用

Nuxt.js

VitePress

Next.js

Released under the MIT License.