去年虽然发布了鸿蒙操作系统,但是并没有放出任何开发文档,导致鸿蒙系统在很长一段时间都被喷得很惨,甚至大家一致认为这是一个骗局,好在今年这一现象得到了改观。在 CSDN 社区里,有了鸿蒙应用的开发介绍。这也是我作为一个大前端开发者最关注的东西,鸿蒙应用到底使用的什么语言开发应用?
image.png
读了文档之后,我发现了一个值得所有前端小伙伴们开心的事情,鸿蒙应用的技术栈是JavaScript + HTML + css
例如开发一个这样的界面
image.png
部分代码如下:
<todo-header title="今日" type="" @add-event="toAddEvent('today')"></todo-header> <list-item id="item{{$item.id}}" for="{{todolist}}" class="tag-list-item" clickeffect="false"> <todo-list todo="{{$item}}" todos="{{todolist}}" index="{{$idx}}"></todo-list> </list-item>
// 完成任务 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(); },
完整的开发体验,还需要进一步上手尝试了之后才能跟大家分享。