Electron学习-底部消息提示(2021.2.1)

注意:

  • 真的从0开始,只有一点C/C++基础,所以js这方面完全是真·零基础,完全亦步亦趋跟着老师走的。看的是b站上“技术胖”老师的视频,学成必谢555(老师的网站是jspang.com,视频、文章都是免费的,太良心了555)
    但是看了几集发现这个老师举例不太恰当,望注意哈。
  • 之前的学习记录都在电脑里,之后有空慢慢传上来
  • 学的是electron,用的是vs code
  • 写这个的主要目的是怕自己之后忘了,方便捡起来
  • 教学视频已经看完啦,这应该是我最后一篇Electron学习了。朋友们下个专题再见ヾ( ̄▽ ̄)Bye~Bye~

--学习内容:底部消息提示:window.Notification()
step1:新建html,写一个button,然后在script里获取。写了好多遍,就不写代码了,之后把整个代码都放到github上
step2:新建一个对象object(为后续调用window.notification做准备)

var object={
        title:'!有消息来了',
        body:'你可以来取手机了'
    }

step3:设置onclick事件,调用window.Notification(object.title,object)

noticebtn.onclick=()=>{
        new window.Notification(object.title,object)
    }

效果如图:

代码自取:
https://github.com/Junko-Zhou/learning-Electron

Guess you like

Origin blog.csdn.net/Enoshima/article/details/113518219