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文件中构建页面结构.在进行代码开发之前,首先要对页面结构进行分析,分成不同部分.