JS开发基础(Harmony)
JS开发基础
基础能力
- 声明式编程JS UI框架采用类HTML和CSS声明式编程语言作为页面布局和页面样式的开发语言,页面逻辑则支持ECMAScript规范的JavaScript语言.JS UI框架提供的声明式编程,可以让开发者避免编写UI状态切换的代码
- 跨设备支持跨设备显示能力
- 高性能开发框架包含许多核心控件,如列表,图片和各类容器组件等,针对声明式语法进行了渲染流程的优化.
整体架构
- JS UI框架包含应用层(Application),前端框架层(Framwork),引擎层(Engine)和平台适配层(Porting Layer).
- Application应用层表示开发者使用JS UI框架开发的FA应用,这里的FA应用特指JS FA应用
- Framework前端框架层主要完成前端页面解析,以及MVVM(Model-view-viewModel)开发模式`页面路由机制和自定义组件能力.
引擎层&适配层
- Engine引擎层主要提供动画解析,DOM树构建,布局计算,渲染命令构建与绘制,事件管理等能力.
- Porting Layer适配层主要完成对平台层进行抽象,提供抽象接口,可以对接到系统平台.
生命周期
加载主页面
setlnstance()
接口使用方法: 在MainAbility
的onStart()
中的super.onStart()
前调用此接口.
JS FA开发目录
- 在工程目录中:
common
文件夹主要存放公共资源,如图片,视频等;i18n下存放多个页面,每个页面由.hml,.css,.js
文件组成
限定词文件
在main>js>default>i18n>en-US.json(zh-CN.json)
:此文件定义了英文(中文)下页面显示的变量内容.
构建页面结构
- 首先在index.hml文件中构建页面结构.在进行代码开发之前,首先要对页面结构进行分析,分成不同部分.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
· 为什么 退出登录 或 修改密码 无法使 token 失效