TypeScript 學習之路─第五章:TypeScript程式語言的物件 2019 年 11 月 26 日 Magic Len 研究分享、 JavaScript JavaScript的物件功能十分複雜,這個章節將會用TypeScript嘗試釐清JavaScript的物件建立方式,並且利用物件導向觀念來實作程式。 繼續閱讀
TypeScript 學習之路─第四章:TypeScript程式語言的基礎概念 2019 年 11 月 21 日 Magic Len 研究分享、 JavaScript 在這個章節將會介紹許多其它程式語言也都有的基礎概念,包含變數、資料型別、函數、註解以及條件和迴圈的流程控制。 繼續閱讀
TypeScript 學習之路─第三章:在Node.js專案中使用TypeScript 2019 年 11 月 19 日 Magic Len 研究分享、 JavaScript 在前面的章節中,我們都是直接用「tsc」指令加上參數來編譯TypeScript程式,並且利用「declare」關鍵字來宣告Node.js才有的物件和函數。在這個章節,我們會建立Node.js專案,運用TypeScript的「tsconfig.json」檔案來設定編譯參數,並加裝套件讓TypeScript能直接支援Node.js內建的物件和函數的型別檢查。 繼續閱讀
TypeScript 學習之路─第二章:用TypeScript寫個猜數字程式吧! 2019 年 11 月 14 日 Magic Len 研究分享、 JavaScript 在這個章節,我們將會直接使用TypeScript程式語言來建立出猜數字程式的專案,並逐步將它完成!並在撰寫程式的過程中,來練習TypeScript程式語言基礎的程式語法,以及針對Node.js和網頁瀏覽器這兩個不一樣的執行環境來撰寫程式。這支小程式在執行之後,將會先從1到100的整數中,隨機抽取一個數字作為答案,並且允許使用者輸入要猜的數字,如果答錯了,程式會回答使用者輸入的數字究竟是大於答案,還... 繼續閱讀
TypeScript 學習之路─第一章:認識TypeScript 2019 年 11 月 12 日 Magic Len 研究分享、 JavaScript TypeScript是由微軟開發的一種能用來編譯出JavaScript程式碼的程式語言,因其比JavaScript程式語言還多了一道編譯手續,能夠在編譯階段找出程式碼語法上的問題,而且也添加了型別檢查機制,讓程式更容易閱讀與偵錯,使得TypeScript更適合用來開發大型專案。TypeScript相容於JavaScript,白話一點來說就是JavaScript程式碼也可以通過TypeScript編... 繼續閱讀
如何用Webpack產生HTML網頁? 2019 年 10 月 1 日 Magic Len 研究分享、 HTML、 JavaScript Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。Webpack也並不限於用在JavaScript上,它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外,也還能透過HTML模板來產生HTML網頁。 繼續閱讀
用Rust開發WebAssembly─第六章:康威生命遊戲的效能 2019 年 9 月 19 日 Magic Len 研究分享、 Rust、 Webassembly、 JavaScript 前面花了幾個章節製作的康威生命遊戲,功能已經大致上完成了,不過我們還無法確定其效能是否還有可以優化的空間,必須要用一些方式來偵測才行。 繼續閱讀
用Rust開發WebAssembly─第五章:讓康威生命遊戲能與玩家互動 2019 年 9 月 17 日 Magic Len 研究分享、 Rust、 Webassembly、 JavaScript 在這個章節中,我們要替康威生命遊戲加入播放、暫停和逐格播放這幾個時間控制的功能,並且讓培養皿中的格子會因玩家滑鼠游標的點擊事件而改變狀態。 繼續閱讀
用Rust開發WebAssembly─第四章:測試(Testing)與偵錯(Debugging) 2019 年 9 月 15 日 Magic Len 研究分享、 Rust、 Webassembly、 JavaScript 在開始替我們的康威生命遊戲實作更多功能之前,要先將目前的Rust程式加入測試(Testing),除了可以用來驗證目前的程式正確性之外,還可以避免日後因修改程式而把原本可以正常工作的程式弄出問題了。另外,有些程式問題發生的原因很難確認,我們也需要在Rust程式中輸出Log到網頁瀏覽器的主控台(console)中,才能偵錯(Debugging)。 繼續閱讀
用Rust開發WebAssembly─第三章:實作康威生命遊戲 2019 年 9 月 13 日 Magic Len 研究分享、 Rust、 Webassembly、 JavaScript 康威生命遊戲(Conway's Game of Life,又稱康威生命棋)是一個模擬生物細胞存活、繁殖與滅亡的遊戲。雖然這個稱為「遊戲」,但它其實不怎麼好玩,它是透過電腦來模擬出一個培養皿空間,這個培養皿中在一開始會被放置一些虛擬細胞,而這些細胞會遵循一些「遊戲規則」來決定其在下一個階段是持續生存、還是要繁殖、抑或是毀滅。藉由圖像化這個培養皿,我們可以從中觀察到一些有趣(?)的圖像。 繼續閱讀