它來了，它來了，HarmonyOS應用開發在線體驗來了

接下來是我們的兩分鍾科普，一分鍾玩轉HarmonyOS應用開發在線體驗，一分鍾簡單了解“一次開發、多設備部署”的原理。萌新的開發者也能第一時間掌握，往下看吧~

 

一分鍾玩轉HarmonyOS應用開發在線體驗

只需一分鍾，我們將通過對“To-Do List” Demo進行四個部分的簡單修改，教你輕松掌握應用開發在線體驗，體驗應用在手表、手機、大屏同時運行的效果。

 

任務隨意加，一次修改輕松一 “Run”，多設備同時生效

“一次開發，多設備部署”到底可以多簡單，應用開發在線體驗給你答案。在本Demo.js代碼文件中添加兩個“任務列表”，示例代碼如下

{
            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],
        },

點擊右上角“Run”按鈕，多端同步生效，即使剛剛入門，也能輕松掌握。歡迎更多開發者寫出自己的創意內容~

 

樣式自定義，你想要的醒目標題隨手拈來

 

覺得標題不夠醒目？顏色、字體大小由你來定，切換.css文件，找到.title代碼行，更改color字段，換個顏色豈不美滋滋，同樣點擊“Run”,多端同時生效，你會換個什么顏色呢？

 

任四種預覽視圖，多設備自由切換

 

想切換不同設備大圖看個清楚？很簡單，點擊“預覽”頁面右上角，全部、手表、手機、大屏四種預覽視圖隨意換，想看哪個都能看得明白！

忙中出錯不用慌，一鍵“Reset”快速恢復

 

不小心改錯了文件？不小心點錯了代碼？不要緊，代碼頁面右上方“Reset”一鍵快速恢復原始狀態，重新開始！

  

迫不及待要開始開發，趕緊下載IDE玩轉HarmonyOS應用開發體驗更多精彩功能。

https://developer.harmonyos.com/cn/develop/deveco-studio?&ha_source=harmonyos&ha_sourceid=9000

 

 

一次開發，多設備部署”的原理

                                            
在萬物互聯時代，開發者在多設備場景下應用開發面臨着以下兩方面的開發挑戰：

 

1.多設備形態差異。不同設備屏幕大小、屏幕分辨率以及屏幕形狀不盡相同，由此讓不同設備UI樣式開發難度加大。同時，不同設備上交互模式不同也帶來了交互維度的開發挑戰。

2.多設備能力差異。不同設備能力不同，內存從百KB到10+GB的硬件都有，主頻百M到G級平台都存在，輕量級設備內存的限制，多樣設備硬件規格上的巨大差異，難以實現統一開發統一運行。

 

HarmonyOS如何解決以上兩方面挑戰

1.面對設備形態差異帶來的開發挑戰，HarmonyOS針對性地提出了兩方面的解決策略——UI信息結構抽象及交互事件歸一。其中，UI信息結構抽象中提供表述歸一的多態控件、按需即用的多態布局及開箱即用的工程模板

2.面對設備能力差異帶來的開發挑戰，HarmonyOS提出統一的開發范式，協同可伸縮的運行時，可在百K級~G級設備部署運行，提供ACE JS提供輕量級框架，將一些核心框架做下沉，提供輕量JS引擎，使得同樣的JS開發范式延伸到百K級設備。

想了解更多內容，請訪問51CTO和華為合作共建的鴻蒙社區：https://harmonyos.51cto.com