该方案展示了ArkWeb同层渲染：将系统原生组件直接渲染到前端H5页面上，原生组件不仅可以提供H5组件无法实现的一些功能，还能提升用户体验的流畅度。
本示例使用@ohos.data.preferences接口，展示了使用首选项持久化存储数据的功能。
应用使用@ohos.file.picker、@ohos.file.fs等接口，实现了picker拉起文档编辑保存、拉起系统相册图片查看、拉起视频并播放的功能。
基于Slider组件和首选项，实现通过拖动滑块调节应用内字体大小的功能。
基于Web组件和JSBridge桥接实现H5与ArkTS侧的交互。
本篇Codelab使用渲染控制语法和组件化基础知识，搭建一个可刷新的排行榜页面。
基于像素单位，展示了像素单位的基本知识与像素转换API的使用。
本示例是基于ArkUI接口和swiper组件实现的图片预览应用，其功能包括图片的切换、图片的缩放，同时支持通过双击图片实现放大或缩小的效果，并且在图片被放大后，可以对图片进行滑动查看，当图片滑动到边界时，可切换图片。
本示例展示了图案密码锁组件的使用，实现了密码设置、验证和重置功能。
本项目是一个基于ArkTS的应用程序，基于伙伴高频使用场景，构建复杂的流畅滑动页面，滑动时不丢帧。
本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。
本示例通过@ohos.telephony.observer等接口订阅网络状态、信号状态、蜂窝数据、sim状态等事件，并获取状态变化返回的结果。
此Demo展示如何查询网络详情、域名解析、网络状态监听等功能。
本示例通过List组件scrollToIndex方法实现List组件嵌套滑动。
