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文件中构建页面结构.在进行代码开发之前,首先要对页面结构进行分析,分成不同部分.
标签:框架,JS,FA,开发,UI,Harmony,页面 来源: https://www.cnblogs.com/shensuqi/p/15857778.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。