https://www.ivx.cn/customerService/Service/
【教学】详解ivx页面跳转的原理，页面缓存机制以及生命周期
[{"insert":"本文主要对ivx内的WEB页面跳转原理、页面缓存机制和生命周期进行解析，以帮助开发者更好的利用ivx进行项目开发。\n \n"},{"attributes":{"bold":true},"insert":"跳转原理"},{"insert":"\n \nivx的WEB页面组件，其实内有两套页面跳转处理机制可供选择：\n \n1、默认情况下，ivx会在内部控制器中对各个页面进行标记，切换页面时实际上是对页面容器进行切换和渲染的控制。\n \n2、启用页面可回退时，ivx将会通过设置/监听浏览器地址hash变化来实现页面的切换。在原理上跟react/vue等框架的页面控制逻辑类似。\n \n"},{"attributes":{"bold":true},"insert":"页面缓存机制"},{"insert":"\n \n在ivx中，页面中的变量，普通组件的样式默认进行缓存，当页面进行切换时，原页面上的数据会缓存起来，当再次切换到该页面时，数据和样式等会保留起来。\n \n但需要注意的是，由于"},{"attributes":{"bold":true},"insert":"画布组件"},{"insert":"、"},{"attributes":{"bold":true},"insert":"3D世界"},{"insert":"和"},{"attributes":{"bold":true},"insert":"全景容器"},{"insert":"采用了独立于普通组件的一套生命周期管理机制，所以切换页面时，这三类组件会重新进行初始化渲染，原来页面中绘制的内容也将会被清空。\n \n测试地址："},{"attributes":{"link":"https://file9ae0127bb8f8.v4.h5sys.cn/play/J8auKf47"},"insert":"https://file9ae0127bb8f8.v4.h5sys.cn/play/J8auKf47"},{"insert":"\n \n启用回退测试地址："},{"attributes":{"link":"https://file9ae0127bb8f8.v4.h5sys.cn/play/0hE6RbXh#page=0"},"insert":"https://file9ae0127bb8f8.v4.h5sys.cn/play/0hE6RbXh#page=0"},{"insert":"\n \n"},{"attributes":{"bold":true},"insert":"页面的生命周期"},{"insert":"\n \n在ivx中，为了方便开发者容易理解和掌握页面显示和消失的触发时机，我们关于页面的生命周期整理为 显示 / 隐藏 /当前页面回退 /当前页面显示前 这四个事件，以方便用户进行埋点统计，交互等需求\n"},{"insert":{"image":"https://uploader.shimo.im/f/0Jb5Z6npWtkdbfLv.png!thumbnail"}},{"insert":"\n \n如果想了解更多关于ivx页面组件的内容，还可访问我们的官方文档中心：\n"},{"attributes":{"link":"https://www.ivx.cn/docview?lang=zh&page=ih5-page&type=doc&showall=0"},"insert":"https://www.ivx.cn/docview?lang=zh&page=ih5-page&type=doc&showall=0"},{"insert":"\n\n"}]
本文主要对ivx内的WEB页面跳转原理、页面缓存机制和生命周期进行解析，以帮助开发者更好的利用ivx进行项目开发。 跳转原理 ivx的WEB页面组件，其实内有两套页面跳转处理机制可供选择： 1、默认情况下，ivx会在内部控制器中对各个页面进行标记，切换页面时实际上是对页面容器进行切换和渲染的控制。 2、启用页面可回退时，ivx将会通过设置/监听浏览器地址hash变化来实现页面的切换。在原理上跟react/vue等框架的页面控制逻辑类似。 页面缓存机制 在ivx中，页面中的变量，普通组件的样式默认进行缓存，当页面进行切换时，原页面上的数据会缓存起来，当再次切换到该页面时，数据和样式等会保留起来。 但需要注意的是，由于画布组件、3D世界和全景容器采用了独立于普通组件的一套生命周期管理机制，所以切换页面时，这三类组件会重新进行初始化渲染，原来页面中绘制的内容也将会被清空。 测试地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/J8auKf47 启用回退测试地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/0hE6RbXh#page=0 页面的生命周期 在ivx中，为了方便开发者容易理解和掌握页面显示和消失的触发时机，我们关于页面的生命周期整理为显示/隐藏/当前页面回退/当前页面显示前这四个事件，以方便用户进行埋点统计，交互等需求 如果想了解更多关于ivx页面组件的内容，还可访问我们的官方文档中心： https://www.ivx.cn/docview?lang=zh&page=ih5-page&type=doc&showall=0
["(8)","(13)","(25)","(20)"]
【教学】详解ivx页面跳转的原理，页面缓存机制以及生命周期本文主要对ivx内的WEB页面跳转原理、页面缓存机制和生命周期进行解析，以帮助开发者更好的利用ivx进行项目开发。 跳转原理 ivx的WEB页面组件，其实内有两套页面跳转处理机制可供选择： 1、默认情况下，ivx会在内部控制器中对各个页面进行标记，切换页面时实际上是对页面容器进行切换和渲染的控制。 2、启用页面可回退时，ivx将会通过设置/监听浏览器地址hash变化来实现页面的切换。在原理上跟react/vue等框架的页面控制逻辑类似。 页面缓存机制 在ivx中，页面中的变量，普通组件的样式默认进行缓存，当页面进行切换时，原页面上的数据会缓存起来，当再次切换到该页面时，数据和样式等会保留起来。 但需要注意的是，由于画布组件、3D世界和全景容器采用了独立于普通组件的一套生命周期管理机制，所以切换页面时，这三类组件会重新进行初始化渲染，原来页面中绘制的内容也将会被清空。 测试地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/J8auKf47 启用回退测试地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/0hE6RbXh#page=0 页面的生命周期 在ivx中，为了方便开发者容易理解和掌握页面显示和消失的触发时机，我们关于页面的生命周期整理为显示/隐藏/当前页面回退/当前页面显示前这四个事件，以方便用户进行埋点统计，交互等需求 如果想了解更多关于ivx页面组件的内容，还可访问我们的官方文档中心： https://www.ivx.cn/docview?lang=zh&page=ih5-page&type=doc&showall=0
