它來(lái)了，它來(lái)了，HarmonyOS應(yīng)用開發(fā)在線體驗(yàn)來(lái)了
想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
接下來(lái)是我們的兩分鐘科普，一分鐘玩轉(zhuǎn)HarmonyOS應(yīng)用開發(fā)在線體驗(yàn)，一分鐘簡(jiǎn)單了解“一次開發(fā)、多設(shè)備部署”的原理。萌新的開發(fā)者也能第一時(shí)間掌握，往下看吧~
一分鐘玩轉(zhuǎn)HarmonyOS應(yīng)用開發(fā)在線體驗(yàn)
只需一分鐘，我們將通過(guò)對(duì)“To-Do List” Demo進(jìn)行四個(gè)部分的簡(jiǎn)單修改，教你輕松掌握應(yīng)用開發(fā)在線體驗(yàn)，體驗(yàn)應(yīng)用在手表、手機(jī)、大屏同時(shí)運(yùn)行的效果。
- 任務(wù)隨意加，一次修改輕松一 “Run”，多設(shè)備同時(shí)生效
“一次開發(fā)，多設(shè)備部署”到底可以多簡(jiǎn)單，應(yīng)用開發(fā)在線體驗(yàn)給你答案。在本Demo.js代碼文件中添加兩個(gè)“任務(wù)列表”，示例代碼如下：
- {
- id: 'id-4',
- event: '閱讀小說(shuō)',
- time: '21:30',
- checkBtn: BUTTON_STATE_IMAGE[0],
- color: TEXT_COLOR[0],
- showTag: TAG_STATE[0],
- tag: EVENT_LEVEL[0],
- },
- {
- id:'id-5',
- event: '睡覺休息',
- time: '23:30',
- checkBtn:BUTTON_STATE_IMAGE[0],
- color: TEXT_COLOR[0],
- showTag: TAG_STATE[2],
- tag: EVENT_LEVEL[2],
- },
點(diǎn)擊右上角“Run”按鈕，多端同步生效，即使剛剛?cè)腴T，也能輕松掌握。歡迎更多開發(fā)者寫出自己的創(chuàng)意內(nèi)容~
- 樣式自定義，你想要的醒目標(biāo)題隨手拈來(lái)
覺得標(biāo)題不夠醒目?顏色、字體大小由你來(lái)定，切換.css文件，找到.title代碼行，更改color字段，換個(gè)顏色豈不美滋滋，同樣點(diǎn)擊“Run”,多端同時(shí)生效，你會(huì)換個(gè)什么顏色呢?
任四種預(yù)覽視圖，多設(shè)備自由切換
想切換不同設(shè)備大圖看個(gè)清楚?很簡(jiǎn)單，點(diǎn)擊“預(yù)覽”頁(yè)面右上角，全部、手表、手機(jī)、大屏四種預(yù)覽視圖隨意換，想看哪個(gè)都能看得明白!
- 忙中出錯(cuò)不用慌，一鍵“Reset”快速恢復(fù)
不小心改錯(cuò)了文件?不小心點(diǎn)錯(cuò)了代碼?不要緊，代碼頁(yè)面右上方“Reset”一鍵快速恢復(fù)原始狀態(tài)，重新開始!
迫不及待要開始開發(fā)，趕緊下載IDE玩轉(zhuǎn)HarmonyOS應(yīng)用開發(fā)體驗(yàn)更多精彩功能。
https://developer.harmonyos.com/cn/develop/deveco-studio?&ha_source=harmonyos&ha_sourceid=9000
一次開發(fā)，多設(shè)備部署”的原理
在萬(wàn)物互聯(lián)時(shí)代，開發(fā)者在多設(shè)備場(chǎng)景下應(yīng)用開發(fā)面臨著以下兩方面的開發(fā)挑戰(zhàn)：
1.多設(shè)備形態(tài)差異。不同設(shè)備屏幕大小、屏幕分辨率以及屏幕形狀不盡相同，由此讓不同設(shè)備UI樣式開發(fā)難度加大。同時(shí)，不同設(shè)備上交互模式不同也帶來(lái)了交互維度的開發(fā)挑戰(zhàn)。
2.多設(shè)備能力差異。不同設(shè)備能力不同，內(nèi)存從百KB到10+GB的硬件都有，主頻百M(fèi)到G級(jí)平臺(tái)都存在，輕量級(jí)設(shè)備內(nèi)存的限制，多樣設(shè)備硬件規(guī)格上的巨大差異，難以實(shí)現(xiàn)統(tǒng)一開發(fā)統(tǒng)一運(yùn)行。
HarmonyOS如何解決以上兩方面挑戰(zhàn)
1.面對(duì)設(shè)備形態(tài)差異帶來(lái)的開發(fā)挑戰(zhàn)，HarmonyOS針對(duì)性地提出了兩方面的解決策略——UI信息結(jié)構(gòu)抽象及交互事件歸一。其中，UI信息結(jié)構(gòu)抽象中提供表述歸一的多態(tài)控件、按需即用的多態(tài)布局及開箱即用的工程模板
2.面對(duì)設(shè)備能力差異帶來(lái)的開發(fā)挑戰(zhàn)，HarmonyOS提出統(tǒng)一的開發(fā)范式，協(xié)同可伸縮的運(yùn)行時(shí)，可在百K級(jí)~G級(jí)設(shè)備部署運(yùn)行，提供ACE JS提供輕量級(jí)框架，將一些核心框架做下沉，提供輕量JS引擎，使得同樣的JS開發(fā)范式延伸到百K級(jí)設(shè)備。
想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
