上一篇我們進行的是將「整個程式碼」的重構開發都交給ChatGPT但這樣要處理工作的話，要花太多時間在詠唱 這一篇會介紹比較分片、碎片式的方式來撰寫程式！什麼意思呢？ 也就是說，為了減少詠唱所花費的精神...
操作DOM（文檔對象模型）是JavaScript中的重要任務，用於與網頁文檔交互。以下是一些DOM操作的技巧： 選擇元素：使用document.querySelector或document.query...
今天要介紹的是 JavaScript 的 IIFE。 IIFE，全稱立即調用函數表達式（Immediately Invoked Function Expression）。IIFE 是一個匿名函數表達式...
今天要介紹的是 JavaScript 中的 Worker。 JavaScript 本身是單線程的，這代表它一次只能處理一件任務，因此在處理大量計算或IO操作時，可能會導致網頁凍結或反應緩慢。 為了解決...
Laravel's Blade Templates 引入 JavaScript 情境 (本機測試): 我使用 Laravel's Blade Templates 作為前端頁面，Blade 引入已...
Day 30: Calculator with Method Chaining Design a Calculator class. The class should provide the math...
今天要來介紹關於瀏覽器是怎麼將程式轉換為網頁內容。 渲染流水線 瀏覽器在將 HTML、CSS、JavaScript 轉換為我們目前看到的網頁內容，並顯示在螢幕上。這樣的過程稱為 渲染流水線 ，以下為渲...
Day 29: Array Wrapper Create a class ArrayWrapper that accepts an array of integers in its construct...
事件氣泡(Event Bubbling) 一種預設事件傳遞方式，可以讓事件處理函式在觸發事件元素和父元素都被執行 一般步驟 從觸發事件元素開始傳遞 傳遞到父元素 繼續向上傳遞，直到傳遞到...
事件處理(DOM Event) 處理網頁元素事件重要功能，在瀏覽網頁時對 DOM元素 操作，例如點擊、滑動、滾動、輸入等等，而這些操作都會觸發相應事件 事件監聽(listen) 當某個 DOM元...