好的,Max 的課程進行到這邊,是時候來休息一下,整合前面所學的東西了。要來做的是一個可以讓使用者新增專案的小專案~ 專案的結構長這樣: HTML 的 head...
前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...
今天來實作一個 Decorator 的例子,當我們在畫面上有一個按鈕,想要透過點擊該按鈕觸發 showMessage() 顯示 Printer 實例裡面的 me...
上一篇講到 interface,今天這篇會來講 type, 他們兩個功能幾乎很像,但還是有些不一樣,讓我們看下去。不過這之前先介紹一下 Type Aliase...
今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...
終於來到 interface,覺得這個算是頗重要的一趴,讓我們看下去。這大概是我最認真做筆記的一篇 哈哈。 因為一開始學一直看到他,從一開始不懂到大概了解,到...
昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...
今天要來介紹 Decorator Factory,它可以讓 Decorator 有更多的可能性,撰寫的方法是在 Decorator 外面再包裹一層 functi...
Day18 接下來再進到分數系統之前,卡比要先進行位置的校正,使我們更接近原作。 Enemy 首先我們需要校正 Enemy 的位置,我們將每個整個 Enemy...
今天要介紹的是 Decorator,會先介紹用法之後再來看看為甚麼要用這個,因為該章節一開始的介紹大約是在說 Decorator 雖然並不會對頁面或是使用者有直...
是說TS針對型別的類型也太講究,寫好多天還沒寫完(其實是我30篇不夠XDD),哈哈不囉嗦, 今天繼續筆記列舉(Enums)型別。 列舉(Enums)型別用於...
三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...
今天要介紹的是 generic classes 上面可以看到出現了很多錯誤,因為 data、item 都沒有定義型別,TypeScript 不知道傳進來的東西到...
工程師A: 覺得當工程師好累 想換一行怎麼辦工程師B: 按一下 enter 啊工程師A:...... 很常工程師之間都聊不下去了 更何況是pm 你說是不是.....
學習 Angular 的過程中,遇到了一些教學資源不見得會遇到的問題,還真是家常便飯,而且你個人電腦沒遇到,但公司派發給你的筆電偏偏就遇到了,所以就來記錄一下吧...
由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...
四個工程師一起坐上了車,發現車子發不動了。機械工程師說: 看來是引擎出問題了。電機工程師說: 看來車上的電子系統出問題了。化學工程師說: 可能是汽油內容物比例...
Generics 可以在我們定義型別時給予其他對於型別的資訊,例如說我們因為不確定會傳進 function 的是什麼型別,所以先給一個通用型別,等要呼叫該 fu...
Day17 開始做 介面 (HUD),接下來都是用之前有實作過的技巧! Render 因為要調整 Text 的位置,我們需要調整一下 render。 funct...
今天要介紹的是 Function Overloads、Optional chaining、Nullish Coalescing Function Overloa...
Q: 身為工程師,你覺得有什麼工具大大提高了工作效率?A: 單身 看文章的人表示: 看個文章也中槍 XDDD (孤獨萬歲 單身無罪~ 好 終於來講 TypeS...
把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...
讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...
今天要來介紹 Discriminated Union、Type casting、Index properties。 Discriminated Union 可以...
Q: 如何反駁「工程師離開電腦之後就是個廢物」的這個說法?A: 不不不,很多工程師在電腦前面也是廢物 哈哈 我在任何時候都是廢物 XDD繼上篇了解了基本 ob...
Day16 接下來,卡比想要先去做 介面 (HUD),方便我們進入到計分系統的時候,可以順便驗證分數。 首先,我們讓畫面能夠渲染 文字。 Text 首先我們要增...
快速產生 Angular 元件 要在 Angular 專案中快速產生元件,首先要先打開 VS Code 的終端機面板,並輸入以下指令: ng generate...
https://bit.ly/2XuVqBJ (這篇必看,不分享對不起自己) //原來南無觀世音菩薩可以這麼用 真的笑鼠我 今天來介紹object~ 上一...
今天要來介紹Intersection、Type guard。 Intersection 型別是把兩種定義好的 type 做合併,這在定義物件的時候滿方便的: t...
Day15 在 Space Invaders 的遊戲設計中,除了隨著不斷前進而產生的壓迫感之外,Enemy 的射擊也扮演了相輔相成的作用。 他讓遊戲內容不只是單...