將程式運行起來,會在畫面中間以一張小圓球的圖片沿著圓形軌跡不斷移動。
主要是想測試一下在Dart中,addEventListener及setInterval這兩個函數的寫法。
TestBallMove.html :
<html>
  <head>
    <title>TestBallMove</title>
  </head>
  <body>
    <h1>TestBallMove</h1>
    <h2 id="status">dart is not running</h2>
    <input type ="button" name="button1" id = "button1" value = "移動"/>
    <img src ="ball.png" id="ball"/>
    <script type="text/javascript" src="TestBallMove.dart.app.js"></script>
  </body>
</html>

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

在網路上爬文,發現對岸有熱心的網友翻譯了Dart官網的教學文章,方便學習,真是佛心來的。
初識Dart語言
Dart語言技術概述
Dart中的可選類型

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

習慣寫OO的人,一定對物件或屬性的封裝不陌生,Dart也支援getter、setter的寫法 如以下(可以在線上編輯器上運行) :
class Customer{
  String _name ;

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

在九月時,Google推出了前端結構化語言-Dart,簡單的說,就是以物件導向的方式撰寫前端語言,再透過Dart Editor的編譯,輸出一個js檔供前端網頁調用,意味著所有的瀏覽器均可執行Dart編譯出來的js。而另一種方式,是透過瀏覽器所內建的虛擬機器編譯,而程式透過<scripttype="application/dart"src="hi.dart"></script>方式(目前只有Chrome能以此種方式執行)匯入到html中。dart副檔名為就好像.cs or .vb一樣,可以把它看成是個類別檔。

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。