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

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

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

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

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

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

現代 [JavaScript] 程式設計:JavaScript 程式的範疇 (Scope)

在 JavaScript 中,範疇是比較容易造成 bug 的特性之一。這是因為在 ES6 之前的 JavaScript 沒有區塊範疇的概念,很多我們在別的語言視為理所當然的事情在 JavaScript 卻是造成 bug 的潛在來源。 繼續閱讀

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

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

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

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

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

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

原生 [JavaScript] 網頁程式設計:為什麼用或不用原生 JavaScript?

由於瀏覽器相容性的因素,jQuery 曾經一度被視為是網頁程式設計必備的函式庫。但現代瀏覽器在實作上大扺符合 JavaScript 標準,所以封裝 JavaScript 網頁 API 的必要性也隨之減少。 繼續閱讀

原生 [JavaScript] 程式設計教學:移除 jQuery 會用到的工具

在本文中,我們從使用原生 JavaScript 改寫 jQuery 網頁程式的觀點,來看需要那些工具。如果是要寫新的網頁程式,重點則會放在如何使用原生網頁 API 上,但本文介紹的工具仍可繼續沿用。 繼續閱讀

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

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

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

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