位元詩人 [JavaScript] 程式設計教學

別讓昨天的語法,限制了你今天的創造力。JavaScript 已不再是當年那個備受束縛的腳本語言;隨著 ES6+ 特性的全面普及,是時候放下過時的開發習慣。進入 Modern JavaScript,探索更優雅、更高效的程式設計新標準。

邁向現代前端:原生 JavaScript + Erasable TypeScript

JavaScript 發展至今帶著許多歷史相容性包袱。過去為了確保在各種環境執行,我們發展出許多複雜的工具鏈與撰碼模式。但隨著瀏覽器支援度的飛速進步,許多先前認定的「最佳實務」已經不再必要,甚至成為效能與維護上的冗餘。 繼續閱讀

建置現代前端開發環境

本文根據現代前端實務,說明建置開發環境的流程與建議。 原本 JavaScript 的運行環境是瀏覽器 (Web Browser),那我們在練習語法時是否一定需要瀏覽器呢?如果只是單純練習語法,其實不一定需要,因為現在可以透過 繼續閱讀

現代 [JavaScript] 程式設計教學:利用 Babel 支援現代 JavaScript 的特性

目前最流行的 JavaScript 轉譯工具是 TypeScript,而不是 Babel。不過,Babel 仍然是一個值得了解的工具。本篇文章會簡要說明 繼續閱讀

現代 [JavaScript] 程式設計教學:使用物件實字 (Object Literal)

在 JavaScript 中,物件實字可以當成映射、模擬命名空間、撰寫基於物件的程式等,是相當實用的資料結構。 繼續閱讀

現代 [JavaScript] 程式設計教學:使用映射 (Map) 和集合 (Set)

映射和集合是 ES6 後新增的容器物件。映射是用來儲存以鍵/值對為單位的非線性容器。集合的概念源自於數學上的集合論,用來表示獨特的資料存在的關係。 繼續閱讀

現代 [JavaScript] 程式設計:宣告和使用函式 (Function)

函式包住可重覆使用的程式碼區塊,是重用程式碼的最基本單位。本文介紹 JavaScript 的函式 繼續閱讀

現代 [JavaScript] 程式設計教學:建立物件 (object)

JavaScript 的物件系統是以原型為基礎,相較起來,大部分主流的語言的物件是以類別為基礎,兩者有一些差異。JavaScript 建立物件的方法較為靈活,會依需求而有不同的建立方式。 繼續閱讀

現代 [JavaScript] 程式設計教學:藉由繼承 (Inheritance) 重用程式碼

撰寫 JavaScript 程式時,除了使用原本的原型外,ES6 新增了語法糖,讓繼承變得更簡單。 繼續閱讀

現代 [JavaScript] 程式設計教學:原型 (Prototype)

用建構子建立物件時,建立出來的物件會自動共享建構子的原型。由此可知,原型是物件的特殊性質 繼續閱讀

原生 [JavaScript] 網頁程式設計:選取網頁元素

在本文中,我們暫時不講撰寫動態行為的方法,先講如何使用原生 JavaScript 程式選取網頁元素,這是操作網頁元素的前置動作。 繼續閱讀