如何統一「NODE_ENV」環境變數在不同作業系統下的設定方式? 2022 年 11 月 17 日 Magic Len JavaScript 「NODE_ENV」是使用Node.js常去設定的環境變數,不過它其實並不是Node.js本身會去使用到的環境變數,而是這個生態系約定俗成的用法。在Linux、macOS等Unix-like的作業系統環境下,要設定程式的環境變數的值,只要在執行指令的前面加上「變數=值」並用空格隔開即可,但在如Windows等其它作業系統,指令就不支援這樣的語法。 繼續閱讀
[LeetCode]移除已排序陣列中的重複元素(Remove Duplicates from Sorted Array) 2022 年 11 月 12 日 Magic Len 程式解題、 NodeJS、 Rust 給定一個遞增排序的「nums」整數陣列,用原地(in-place)的方式移除重複的元素,使每個元素都是獨特的,也就是只會出現一次。元素的相對位置在處理後應保持相同。 繼續閱讀
建立 TypeScript 專案的起手式 2022 年 11 月 10 日 Magic Len JavaScript JavaScript有著資源豐富的生態圈,但同時也令人在面對這一堆套件、工具以及設定時眼花撩亂、不知所措。TypeScript能用比較嚴謹的方式來開發JavaScript程式,可以大大地提升程式碼的可維護性,也可以增加多人協作時的效率。筆者甚至覺得我們都應該用TypeScript來編寫JavaScript程式會比較好。然而,要建立出一個完整TypeScript專案是一件繁瑣的事情,我們會需要安裝多... 繼續閱讀
[LeetCode]兩兩加總(Two Sum) 2022 年 11 月 5 日 Magic Len 程式解題、 NodeJS、 Rust 給定一個「nums」整數陣列和一個整數「target」,回傳加總會等於「target」的兩個不同的元素的索引值。 繼續閱讀
如何在Webpack中使用TypeScript? 2020 年 1 月 14 日 Magic Len JavaScript Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。Webpack也並不限於用在JavaScript上,它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外,也還能透過TypeScript的載入器(loader)來編譯並打包TypeScript程式碼。 繼續閱讀
TypeScript 學習之路─第十八章:裝飾器(Decorator) 2020 年 1 月 9 日 Magic Len 研究分享、 JavaScript 裝飾器(Decorator)是一種程式設計模式(Design Pattern),在某些情況下可以用來替代繼承(inheritance),以更靈活、輕量的方式重用程式碼。 繼續閱讀
TypeScript 學習之路─第十七章:命名空間(namespace) 2020 年 1 月 7 日 Magic Len 研究分享、 JavaScript JavaScript如果要替名稱加上命名空間,不外乎就是利用物件或是模組來達成。但在TypeScript中,有「namespace」關鍵字可以讓我們快速地新增命名空間來用。 繼續閱讀
TypeScript 學習之路─第十六章:模組 2020 年 1 月 2 日 Magic Len 研究分享、 JavaScript 我們先前所練習的TypeScript程式幾乎都只是把程式敘述寫在「index.ts」檔案中,雖然我們已經會使用函數、類別來分割不同功能的程式,但當程式愈寫愈多的時候,這樣的作法還是會讓程式變得難以維護。這時就需要用到TypeScript提供的「模組」系統了。 繼續閱讀
TypeScript 學習之路─第十五章:用「async / await」語法擺脫難以閱讀的非同步程式 2019 年 12 月 31 日 Magic Len 研究分享、 JavaScript 上一章介紹的「Promise」雖然可以將非同步程式用看起來像同步程式的方式來撰寫,但寫法還是與實際的同步程式有不小的差異。也因為「Promise」有這樣的問題,所以後來的ES2017引入了「async / await」語法,可以完全地以同步程式的寫法使用非同步程式。 繼續閱讀
TypeScript 學習之路─第十四章:用Promise把非同步程式寫成同步的樣子 2019 年 12 月 26 日 Magic Len 研究分享、 JavaScript 這個章節我們要來探討JavaScript在ES6之後新增的「Promise」。究竟它是如何解決以往用回呼函數來開發JavaScript程式所造成的問題呢? 繼續閱讀