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