什麼是 AJAX AJAX（Asynchronous JavaScript and XML）允許你在網頁不重新載入的情況下，與伺服器進行資料交換。它使用 JavaScript 發送 HTTP 請求來從...
利用flex的及transition呈現點擊效果 這段程式碼建立了一個具有互動效果的網頁，當你點擊每個面板時，面板會擴展並顯示隱藏的文字 完成圖: HTML將這個頁面分成5大區，每個大區裡面再分別有3...
JavaScript 與 DOM (Document Object Model) 是 Web 開發的核心，允許開發者透過 JavaScript 動態操作 HTML 文件的內容和結構，從而創建互動性強的...
在 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...