在 ES6 promise (承諾)出現之前，多使用Callback function來處理異步(asynchronous)，Callback function是一種可以當作是函式參數一樣被帶進其他函...
在設計HTML網頁時，我們會用CSS來裝飾設計網頁，而一些與用戶互動的設計即是用JavaSccript來處理。 事件處理基礎 首先，我們要先了解甚麼是事件，事件是用戶與網頁交互時觸發的行為，比如點擊按...
每個瀏覽器都有自己的引擎，最知名的是google的v8引擎，js引擎會包含一個HEAP跟CALL STACK，HEAP會存放變數、函式等，CALL STACK像是執行的地方，事件進入會從上往下執行，W...
時鐘 用html和css先做出時鐘的畫面，但此時時針、分針、秒針都還不會動HTML <div class="top"> <span>...
JavaScript，作為現代網頁上最廣為通用的程式語言，他有甚麼神秘之處呢？今天，讓我們一起來探索JavaScript的基礎用法和一些神奇的應用。 JavaScript基礎介紹 JavaScri...
根據維基的定義，在電腦程式設計裡，應用程式介面 (API) 是用於打造應用程式軟體的一組副程式定義、協定與工具。一般而言，API 是指各種軟體組件之間一套明確定義的溝通方法。好的 API 提供模塊，並...
Javascript的DOM操作是前端開發中非常重要的東西。DOM（Document Object Model）是網頁的結構化表示，允許你用 JavaScript 動態操作網頁內容和元素。通過 DOM...
JavaScript 是一種強大的編程語言，廣泛應用於 Web 開發中，並且隨著 ECMAScript 標準的演進，其功能和語法也不斷增強。以下是一些 JavaScript 的進階概念，幫助深入理解這...
用鍵盤控制音效版 今天的目標是做一個可以用鍵盤觸發音效的小工具！其實還蠻酷的，你按下鍵盤上的某個按鍵，它就會發出對應的聲音，比如鼓聲、鈸聲之類的。 首先呢，我們用HTML和CSS做出基本的框架。每個按...
第十九天：非同步 JavaScript 與 Promise 非同步編程可以讓我們在不阻塞主線程的情況下執行長時間的操作，比如讀取伺服器上的資料或處理計時器。Promise 是處理非同步操作的核心概念之...