赞
踩
本示例集成了条件渲染、动态加载以及HiDumper等场景来介绍如何提升应用性能。
1.点击性能示例主页的HiDumper按钮,进入HiDumper查看组件信息场景页。
1.点击HiDumper查看组件信息场景页的查看应用组件树进入场景页。
2.点击HiDumper查看组件信息场景页的查看if/else组件按钮,在场景中点击显隐切换按钮,查看图片显示隐藏。
3.点击HiDumper查看组件信息场景页的查看visibility属性按钮,在场景中依次点击Visible、Hidden、Visible、None,查看图片显示和隐藏。
1.点击性能示例主页的StaticImport按钮,进入常规加载入口场景页。
2.点击常规加载入口的点击跳转常规加载案例按钮,进入常规加载主页。
3.点击常规加载主页的pageOne按钮,进入常规加载子页面。
1.点击性能示例主页的DynamicImport按钮,进入动态加载入口场景页。
2.点击动态加载入口页的点击跳转动态加载案例按钮,进入动态加载主页。
3.点击动态加载主页的pageOne按钮,进入动态加载子页面。
1.点击性能示例主页的ifOrVisibility按钮,进入合理选择条件渲染合显隐控制场景页,其下有四组场景,八个页面。
2.分别点击频繁切换:显隐控制页面 ,频繁切换:条件渲染页面 ,进入频繁切换场景,可以通过点击Switch visible and hidden按钮,实现组件显示与隐藏间的切换,对比完成时延。
3.分别点击首页渲染:条件渲染页面 ,首页渲染:显隐控制页面,进入首页渲染场景,可以通过点击Show the Hidden on start按钮,可以显示首页渲染时,初始被隐藏的组件,对比首页加载渲染完成时延。
4.分别点击部分修改:条件渲染+容器限制页面、部分修改:条件渲染模块,进入部分修改场景,可以通过点击Switch Hidden and Show按钮,可以对长列表中Text组件做部分修改,对比完成时延。
5.分别点击复杂子树:条件渲染+组件复用页面、复杂子树:条件渲染页面,进入复杂子树场景,可以通过点击Change FlexAlign按钮,可以Flex组件中子组件布局方式,对比布局修改完成时延。
1.点击性能示例主页的使用LazyFoEach,cachedCount,组件复用按钮,进入懒加载+cachedCount+组件复用页面场景页。
2.点击性能示例主页的使用columnStart按钮,进入使用columnStart,columnEnd页面场景页,点击scrollToIndex:1900按钮,通过性能打点方式,查看滑动耗时。
3.点击性能示例主页的使用GridLayoutOptions按钮,进入使用GridLayoutOptions页面场景页,点击scrollToIndex:1900按钮,通过性能打点方式,查看滑动耗时。
1.打开显隐切换页面,点击显示/隐藏Image按钮,使用DrawingDoc录制回放功能抓取绘制信息。
1.点击smartPerfHost示例主页的SmartPerfHost按钮,进入SmartPerfHost查看组件信息场景页。
2.点击SmartPerfHost查看FrameTimeline优化前场景页的FrameTimeline优化前代码按钮进入场景页。
3.点击SmartPerfHost查看FrameTimeline优化后场景页的FrameTimeline优化后代码按钮进入场景页。
4.点击SmartPerfHost查看AppStartup优化前场景页的AppStartup优化前代码按钮进入场景页。
5.点击SmartPerfHost查看AppStartup优化前场景页的AppStartup优化后代码按钮进入场景页。
1.点击性能示例主页的Trace按钮,进入懒加载示例场景页。
1.点击性能示例主页的BackgroundTask按钮,进入后台任务场景页,包括短时任务和长时任务两个子页面,同意授予通知权限。
2.点击短时任务按钮进入场景页,点击开始计算按钮执行任务。
3.点击长时任务按钮进入场景页,授予通知权限和定位权限,和点击开启定位服务按钮开启定位,点击关闭定位服务关闭定位。
1.点击性能示例主页的WaterFlow按钮,进入WaterFlow场景页
1.点击性能示例主页的MemoryShared按钮,进入多线程共享内存入口场景页。
2.点击多线程共享内存入口页的原子操作对比按钮,进入原子操作主页。
3.点击多线程共享内存入口页的锁的使用按钮,进入锁的使用子页面。
1.点击性能示例主页的NativeThreadsCallJS按钮,进入Native跨线程调用场景页
2.点击Native跨线程调用页的threadSafeTest按钮,验证使用安全函数跨线程调用。
3.点击Native跨线程调用页的libuvTest按钮,验证使用libuv跨线程调用。
1.点击性能示例主页的ThreadDataTransfer按钮,进入多线程数据传输入口场景页。
2.拖动任务数滑动条调整线程任务数,点击传参方式按钮,改变线程传参方式。
3.拖动饱和度滑动条,调整图片饱和度。
1.点击性能示例主页面的ThreadCommunication按钮,进入主线程和子线程通信场景页。
2.点击场景一:独立的耗时任务按钮,进入独立的耗时任务场景页,点击加载图片按钮。
3.点击场景二:多个任务执行结果统一返回按钮,进入多个任务执行结果统一返回场景页,点击加载图片按钮。
4.点击场景三:TaskPool和主线程的即时通信按钮,进入TaskPool和主线程的即时通信场景页,点击加载图片按钮。
5.点击场景四:Worker和主线程的即时通信按钮,进入Worker和主线程的即时通信场景页,点击将图片变成4个按钮。
6.点击场景五:子线程同步调用主线程的接口按钮,进入子线程同步调用主线程的接口场景页,点击加载图片按钮。
1.连接网络后点击性能示例主页的WebPerformance按钮,进入Web组件提升性能场景页。
2.点击常规Web首页按钮进入常规加载Web首页。
3.点击进入网页按钮进入常规Web组件页。
4.点击下一页按钮进入常规Web切换页。
5.点击优化Web首页按钮进入优化加载Web首页。
6.点击进入网页按钮进入优化Web组件页。
7.点击下一页按钮进入优化Web切换页。
- features
- |---/dynamicImport/src/main/ets // 动态加载HAR共享包
- |---|---/pages
- | | |---DynamicContentPageOne.ets // 动态加载子页面
- | | |---DynamicEntryView.ets // 动态加载入口页面
- | | |---DynaHome.ets // 动态加载主页
- |---/grid/src/main/ets // grid类功能HAR共享包
- | |---/view
- | | |---GridView.ets // 场景主页面模块
- | | |---GridLazyForEachView.ets // 懒加载+cachedCount+组件复用模块
- | | |---GridColumnStartView.ets // 使用columnStart,columnEnd模块
- | | |---GridLayoutOptionsView.ets // 使用GridLayoutOptions模块
- |---/hiDumper/src/main/ets // 列表类功能HAR共享包
- | |---/view
- | | |---ConditionView.ets // 显隐切换模块
- | | |---GridView.ets // 查看组件树模块
- | | |---HidumperHomeView.ets // 场景主页面模块
- | | |---VisibilityView.ets // 查看Visibility属性模块
- |---/ifOrVisibility/src/main/ets // 列表类功能HAR共享包
- | |---/util
- | | |---/Constants.ets // 常量
- | |---/model
- | | |---/SceneData.ets // 数据类型
- | | |---/SceneMsg.ets // 本地数据
- | |---/view
- | | |---HidumperHomeView.ets // 场景主页面模块
- | | |---/IfForStartUp
- | | | |---BetterUseIf.ets // 首页渲染:条件渲染模块
- | | | |---WorseUseVisibility.ets // 首页渲染:显隐控制模块
- | | |---/Reusable
- | | | |---AlignContentFlex.ets // Text子组件
- | | | |---IfWithoutReusable.ets // 复杂子树:条件渲染+模块
- | | | |---IfWithReusable.ets // 复杂子树:条件渲染+组件复用模块
- | | | |---MockComplexReusableSubBranch.ets // 模拟复用复杂子组件
- | | | |---MockComplexSubBranch.ets // 模拟复杂子组件
- | | |---/StackForRenderControl
- | | | |---RenderControlWithoutStack.ets // 部分修改:条件渲染+容器限制模块
- | | | |---RenderControlWithStack.ets // 部分修改:条件渲染模块
- | | |---/VisibilityForAnimate
- | | | |---BetterUseVisibility.ets // 频繁切换:显隐控制模块
- | | | |---WorseUseIf.ets // 频繁切换:条件渲染
- |---/smartPerfEditor/src/main/ets // 显隐类功能HAR共享包
- | |---/view
- | | |---SmartPerfEditorView.ets // 显隐切换模块
- |---/smartPerfHost/src/main/ets // SmartPerfHost功能HAR共享包
- | |---/view
- | | |---AppStartupBeforeOptimization.ets // 冷启动耗时优化前模块
- | | |---AppStartupAfterOptimization.ets // 冷启动耗时优化后模块
- | | |---FrameTimelineBeforeOptimization.ets // 丢帧测试优化前模块
- | | |---FrameTimelineAfterOptimization.ets // 丢帧测试优化后模块
- | | |---SmartPerfHostHomeView.ets // 场景主页面模块
- |---/staticImport/src/main/ets // 常规加载HAR共享包
- |---|---/pages
- | | |---StaticContentPageOne.ets // 常规加载子页面
- | | |---StaticContentPageTwo.ets // 常规加载子页面
- | | |---StaticEntryView.ets // 常规加载入口页面
- | | |---StaticHome.ets // 常规加载主页
- |---/ThreadCommunication/src/main/ets // 主线程和子线程通信
- |---|---/pages
- | | |---IconItemSource.ets // 图片信息类
- | | |---IconView.ets // 图片Item组件
- | | |---IndependentTask.ets // 独立的耗时任务页面
- | | |---MultiTask.ets // 多任务统一返回页面
- | | |---TaskSendDataUsage.ets // TaskPool和主线程的即时通信页面
- | | |---ThreadCommunicationHomePage.ets // 主线程和子线程通信入口页面
- | | |---WorkerCallGlobalUsage.ets // 子线程同步调用主线程的接口页面
- | | |---WorkerUsage.ets // Worker和主线程的即时通信页面
- |---/trace/src/main/ets // Trace功能HAR共享包
- |---|---/pages
- | | |---LazyForEachPage.ets // 懒加载示例场景页面
- |---|---/view
- | | |---IconView.ets // 懒加载示例场景子页面
- |---|---/viewmodel
- | | |---BasicDataSource.ets // 封装列表数据方法
- |---/backgroundTask/src/main/ets // backgroundTask类功能HAR共享包
- | |---/view
- | | |---BackgroundTaskHomeView.ets // 场景主页面模块
- | | |---TransientTaskView.ets // 短时任务页面
- | | |---LongTermTaskView.ets // 长时任务页面
- ---/waterFlow/src/main/ets // waterFlow功能HAR共享包
- | |---/pages
- | | |---Index.ets // 场景主页面模块
- | | |---WaterFlowDataSource.ets // 数据源
- ---/nativeThreadsCallJS/src/main/ets // native跨线程调用功能HAR共享包
- | |---/pages
- | | |---Index.ets // 场景主页面模块
- ---/nativeThreadsCallJS/src/main/cpp // native跨线程调用功能native功能模块
- | |---/types
- | | |---hello.cpp // 场景native功能代码
- products/phone/entry/src/main/ets
- |---/entryability
- | |---EntryAbility.ts // 封装整个模块启用,监听Ability对应的窗口等逻辑
- |---/model
- | |---/DataType.ets // 数据类型
- | |---/MockData.ets // 本地数据
- |---pages
- | |---/dynamicImport
- | | |---DynamicEntryView.ets // 动态加载入口页面
- | | |---DynamicHome.ets // 动态加载主页
- | | |---DynamicContentPageOne.ets // 动态加载内容页
- | |---/grid
- | | |---GridPage.ets // 场景主页面
- | | |---GridLazyForEachPage.etss // 懒加载+cachedCount+组件复用页面
- | | |---GridColumnStartPage.ets // 使用columnStart,columnEnd页面
- | | |---GridLayoutOptionsPage.ets // 使用GridLayoutOptions页面
- | |---/hiDumper
- | | |---ConditionPage.ets // 显隐切换页面
- | | |---GridPage.ets // 查看组件树页面
- | | |---HidumperHomePage.ets // 场景主页面
- | | |---VisibilityPage.ets // 查看Visibility属性页面
- | |---/ifOrVisibility
- | | |---IfOrVisibilityPage.ets // 合理选择条件渲染首页
- | | |---AnimateBetterUseVisibility.ets // 频繁切换:显隐控制页面
- | | |---AnimateWorseUseIf.ets // 频繁切换:条件渲染页面
- | | |---IfBetterWithReusable.ets // 首页渲染:条件渲染页面
- | | |---IfWorseWithoutReusable.ets // 首页渲染:显隐控制页面
- | | |---RenderControlBetterWithStack.ets // 部分修改:条件渲染+容器限制页面
- | | |---RenderControlWorseWithoutStack.ets // 部分修改:条件渲染页面
- | | |---StartBetterUseIf.ets // 复杂子树:条件渲染+组件复用页面
- | | |---StartWorseUseVisibility.ets // 复杂子树:条件渲染页面
- | |---/smartPerfEditor
- | | |---SmartPerfEditorPage.ets // 显隐切换页面
- | |---/smartPerfHost
- | | |---AppStartupBeforeOptimizationPage.ets // 冷启动耗时优化前页面
- | | |---AppStartupAfterOptimizationPage.ets // 冷启动耗时优化后页面
- | | |---FrameTimelineBeforeOptimizationPage.ets // 丢帧测试优化前页面
- | | |---FrameTimelineAfterOptimizationPage.ets // 丢帧测试优化后页面
- | | |---SmartPerfHostPage.ets // 场景主页面
- | |---/staticImport
- | | |---StaticEntryView.ets // 常规加载入口页面
- | | |---StaticHome.ets // 常规加载主页
- | |---/backgroundTask
- | | |---BackgroundTaskPage.ets // 后台任务入口页面
- | | |---TransientTask.ets // 短时任务页面
- | | |---LongTermTask.ets // 长时任务页面
- | |---/ThreadCommunication
- | |---|---/workers
- | | |---|---Worker.ts // worker子线程
- | | |---IndependentTaskPage.ets // 独立的耗时任务页面
- | | |---MultiTaskPage.ets // 多任务统一返回页面
- | | |---TaskSendDataUsagePage.ets // TaskPool和主线程的即时通信页面
- | | |---ThreadCommunicationHomePage.ets // 主线程和子线程通信入口页面
- | | |---WorkerCallGlobalUsagePage.ets // 子线程同步调用主线程的接口页面
- | | |---WorkerUsagePage.ets // Worker和主线程的即时通信页面
- | |---/trace
- | | |---TracePage.ets // 懒加载示例首页
- | |---/ThreadDataTransfer
- | | |---ThreadDataTransferHomePage.ets // 线程间大数据传输首页
- | |---/waterFlow
- | | |---WaterFlowPage.ets // WaterFlow示例首页
- | |---/memoryShared
- | | |---AtomicsUsage.ets // 原子操作页面
- | | |---LockUsage.ets // 锁应用页面
- | | |---MemorySharedHome.ets // 多线程共享内存入口页面
- | |---/nativeThreadsCallJS
- | | |---NativeThreadsCallJS.ets // native跨线程调用示例首页
- | |---/webPerformance
- | | |---WebHomePage.ets // Web提升性能示例首页
- | | |---WebBrowserPage.ets // Web组件网页
- | | |---WebInitializedPage.ets // Web优化性能主页
- | | |---WebUninitializedPage.ets // Web常规主页
- | |---/Index
- |---/utils
- | |---Logger.ets // 封装整个日志
针对反复切换条件渲染的控制分支,但切换项仅涉及页面中少部分组件的场景
ohos.permission.INTERNETohos.permission.LOCATIONohos.permission.LOCATION_IN_BACKGROUNDohos.permission.APPROXIMATELY_LOCATIONohos.permission.KEEP_BACKGROUND_RUNNING
不涉及。
1.本示例已适配API version 10版本SDK,SDK版本号(API Version 10 Release),镜像版本号(4.0Release)。
2.本示例需要使用DevEco Studio 版本号(4.0Release)及以上版本才可编译运行。
如需单独下载本工程,执行如下命令:
- git init
- git config core.sparsecheckout true
- echo code/Performance/PerformanceLibrary/ > .git/info/sparse-checkout
- git remote add origin https://gitee.com/openharmony/applications_app_samples.git
- git pull origin master
那么要想成为一名鸿蒙高级开发,以上知识点是必须要掌握的,除此之外,还需要掌握一些鸿蒙应用开发相关的一些技术,需要我们共同去探索。
为了能够让大家跟上互联网时代的技术迭代,在这里我特邀了几位行业大佬整理出一份最新版的鸿蒙学习提升资料,有需要的小伙伴自行领取,限时开源,先到先得~~~~
领取以下高清学习路线原图请点击→《鸿蒙 (Harmony OS)开发学习手册》纯血鸿蒙HarmonyOS基础技能学习路线图
领取以上完整高清学习路线图,请点击→《鸿蒙基础入门学习指南》小编自己整理的部分学习资料(包含有高清视频、开发文档、电子书籍等)
-应届生/计算机专业
通过学习鸿蒙新兴技术,入行互联网,未来高起点就业。
-0基础转行
提前布局新方向,抓住风口,自我提升,获得更多就业机会。
-技术提升/进阶跳槽
发展瓶颈期,提升职场竞争力,快速掌握鸿蒙技术,享受蓝海红利。
鸿蒙开发学习是一个系统化的过程,从基础知识的学习到实战技能的锤炼,再到对前沿技术的探索,每一环节都至关重要。希望这份教程资料能帮助您快速入门并在鸿蒙开发之路上步步攀升,成就一番事业。让我们一起乘风破浪,拥抱鸿蒙生态的广阔未来!
如果你觉得这篇内容对你有帮助,我想麻烦大家动动小手给我:点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
关注我,同时可以期待后续文章ing,不定期分享原创知识。
想要获取更多完整鸿蒙最新VIP学习资料,请点击→《鸿蒙HarmonyOS分布式项目实战》
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。