1. 程式人生 > 其它 >Electron學習-底部訊息提示(2021.2.1)

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