一、前言：
5月25日，華為對外宣布計划在6月2日正式舉辦鴻蒙手機發布會，這也是2019年華為發布鴻蒙系統之后正式搭載的到智能手機。
6月2日晚，華為舉辦 HarmonyOS 2及華為全場景新品發布會，正式發布 HarmonyOS 2，發布會上，其所印象最深刻的，便是"萬物互聯"。
后來也有幸接觸過鴻蒙的JS UI框架應用開發。寫下此篇文章，只做一個學生所應有的學習。
這里將網絡收集而來的信息整合在此，一是個人的知識了解記錄，二是提供參考。如您想直觀了解更多信息或需要完整了解，請移至底部，將提供給相關傳送門。
"萬物互聯的時代，沒有人會是一座孤島"
二、鴻蒙 JS UI框架
2.1 JS UI特性
- 聲明式編程，JS UI框架采用類HTML和CSS聲明式編程語言作為頁面布局和樣式的開發語言。業務邏輯采用規范標准的JavaScript語言
- 跨設備，支持UI跨設備顯示能力，運行時自動映射到不同設備類型，降低開發者多設備適配成本
- 高性能，JS UI框架包含了許多核心控件，各類組件等。針對聲明式語法進行了渲染流程的優化
2.2 架構
鴻蒙JS UI，IDE中支持的是類似小程序的開發方式，如xx.html、xx.css、xx.js
在開發中，我發現鴻蒙的JS UI框架，遵循着MVVM模式，這會讓學過Vue、Angular的人，更容易上手。
2.3 新的UI框架結構
三、API
在調用某個API時，需要先聲明才可使用。同時，希望您在使用提供的API時，請注意查看其所支持的版本，如API4、API6，也請注意您的鴻蒙系統支持到API幾。
例：在網絡請求數據中，fetch是更早的版本支持，如您需更新、更好的網絡請求，官方是這樣說明的。
同時，官方提供了模塊的各種參數、方法說明，可以更好的使用它。
自己踩過的坑，希望能給后者以提示。了解更多：網絡請求
部分代碼示例
//推薦使用新的http方式
//import fetch from '@system.fetch'; //網絡請求，API 6以下適用
import storage from '@system.storage'; //導入存儲
import router from '@system.router';
import http from '@ohos.net.http';
export default {
data(){
return {
list:[],
}
},
onInit(){
let httpRequest= http.createHttp();
let promise = httpRequest.request("http://4nn3485483.zicp.vip/videoall", {
method: "GET",
connectTimeout: 60000,
readTimeout: 60000,
header: {
'Content-Type': 'application/json'
}
});
promise.then((data) => {
console.info(data.result);
let data2 = JSON.parse(data.result)
let arrObjFilter3 = data2.filter((ele) =>
ele.type === "電影" ||
ele.type == "電視劇" ||
ele.type == "動漫" ||
ele.type == "紀錄片" ||
ele.type == "綜藝" ||
ele.type == "其他"
);
for (let i = 0; i < 6; i++) {
// console.log(arrObjFilter[i]);
data2 = arrObjFilter3[i];
}
this.list = arrObjFilter3;
for (let i = 0; i < this.list.length; i++) {
this.list[i].img = "http://4nn3485483.zicp.vip/cinemaImgshow?filename=" + this.list[i].img;
}
console.info('code:' + data.responseCode);
console.info('header:' + data.header);
}).catch((err) => {
console.error(`errCode:${err.code}, errMessage:${err.data}`);
});
},
videoplay(){
//路由
router.push({
uri: "pages/page2/page2",
})
}
}
這有一個很好的教程示例:如何開發一個鴻蒙應用，起始篇
四、最后
本篇文章主要參考:關於鴻蒙系統 JS UI 框架源碼的分析
鴻蒙開發分為應用開發和設備開發，這里主要提供應用開發類傳送門：
進入官方了解Harmony OS的相關信息，或者進行開發，參考開發者文檔。當然，這里還有JS API參考
行萬里路，讀萬卷書。學習不會止步，這里有基礎了解，以及提供開發者學堂，或與大家一起討論社區
如想打包項目在真機上調試，參考:鴻蒙 真機-HAP開發編譯調試
最后的最后，作為一名即將畢業的學生，深知其需要學習的東西很多很多，在這個行業需要深耕，我也願意為其所熱愛的事業所付出！如您有意與我交流，微信:qfifteen(十五)