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

本系列文章講解 JavaScript 的語法,這是撰寫 JavaScript 程式的基礎知識。

現代 [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 程式選取網頁元素,這是操作網頁元素的前置動作。 繼續閱讀

原生 [JavaScript] 網頁程式設計:操作網頁元素

在本文中,我們介紹以 JavaScript 程式操作網頁元素的方式。這篇文章的內容對於網頁程式的使用者界面相當重要。 繼續閱讀

原生 [JavaScript] 網頁程式設計:修改網頁元素的外觀

CSS 本身是靜態的樣式 (style) 設置,但在網頁程式中也可以用 JavaScript 動態地設置網頁元素的樣式。本文介紹使用 JavaScript 修改網頁元素的樣式的方式。 繼續閱讀