1a55c7a2e4a690629347f2620cccebaf.png

作者:这波能反杀丶

转发链接:https://mp.weixin.qq.com/s/lT29TCUJqZ84UjE8J53OMg

前言

华为2020开发者大会召开在即。

本来华为的开发者大会,我都很少关注,可是所有人关心的鸿蒙操作系统,都会在发布会上放出消息。今年也不例外。这一次,鸿蒙将会在开发者大会上,发布 鸿蒙2.0。

去年虽然发布了鸿蒙操作系统,但是并没有放出任何开发文档,导致鸿蒙系统在很长一段时间都被喷得很惨,甚至大家一致认为这是一个骗局,好在今年这一现象得到了改观。在 CSDN 社区里,有了鸿蒙应用的开发介绍。这也是我作为一个大前端开发者最关注的东西,鸿蒙应用到底使用的什么语言开发应用?

7faf9c15ea7c4ca211c425ca125778e1.png

image.png

读了文档之后,我发现了一个值得所有前端小伙伴们开心的事情,鸿蒙应用的技术栈是JavaScript + HTML + css

c6f327583d5a2ccb2f0671a5145e8332.png

例如开发一个这样的界面

fa77a926c227d7d6fb596af1688bc5cd.png

image.png

部分代码如下:

   
// 完成任务completeEvent(clicked) {    var key = clicked.detail.key;    if (!(key['type'] == 'click' || key[0].code == 22)) {      return;    }    var lists = clicked.detail.lists;    var eid = clicked.detail.id;    /*完成事项的动画*/    for (var i in lists) {      if (lists[i].id == eid) {        if (lists[i].checkbtn == "/common/done.png") {          lists[i].checkbtn = "/common/checkbutton.png";          lists[i].showtag = '';          lists[i].color = 'text-default';          lists[i].lineclz = false;        } else {          lists[i].checkbtn = "/common/done.png";          lists[i].showtag = 'hide';          lists[i].color = 'text-gray';          lists[i].lineclz = true;        }        break;      }    }    this.updateStorage();  },

完整的开发体验,还需要进一步上手尝试了之后才能跟大家分享。

在文档中提到的开发工具 IDE,是一个全新的工具,名叫「DevEco Studio」赶紧去搜索了一下,发现果然有这个东西,并且已经在9月1号放出了内测申请。我刚提交了申请,还没办法上手直接搞鸿蒙应用,还要再等等。

作者:这波能反杀丶

转发链接:https://mp.weixin.qq.com/s/lT29TCUJqZ84UjE8J53OMg

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐