前端學習
含有「前端學習」共 65 篇內容
全部內容
發佈日期由新至舊
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異，並以 React 中 JSX 的應用為例，說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解，並提供相關參考資料連結。
當要顯示的文字過長時，一般會使用 CSS 隱藏超出的部分，並在文字尾端顯示 ... 來表示內容並未完全顯示。
Demo：https://codepen.io/lwxidmpx-the-scripter/pen/MYgVmjm
單行文字截斷
overflow: hidden;
whi
Spread Syntax和Rest Parameters都使用 ... 符號，Spread Syntax用於展開可迭代物件，例如將陣列或物件的元素複製到新的陣列或物件中，或是在函式呼叫時傳遞參數。Rest Parameters用於收集不定數量的函數參數，將其打包成一個陣列，方便在函數內部進行處理。
箭頭函式是 JavaScript ES6（ECMAScript 2015）引入的一種簡化 Function Expression 語法。
它用來快速定義匿名函式，語法簡潔，特性明確，特別適合用於回呼函式等場景。
Function Declaration 與 Function Expression
Function Declaration 適合用於需要提升或全域使用的函式。
Function Expression 更靈活，適合用於回呼函式、閉包、高階函式等場景。
DOM (Document Object Model) 是瀏覽器用於操作 HTML 或 XML 文件的編程介面。它將文檔解析為一個節點樹 (Node Tree)，每個節點代表文檔的一部分（標籤、屬性、文字等）。
JSON.parse：將 JSON 格式的字串轉換為 JavaScript 物件，常用於解析後端返回的資料或本地存儲中的 JSON。JSON.stringify：將 JavaScript 的物件或陣列轉換為 JSON 格式字串，方便用於資料儲存或傳輸。
瀏覽器中三種主要的客戶端儲存方式：Cookie、LocalStorage 和 SessionStorage。
JavaScript 的事件處理是網頁開發中的重要部分，本文將介紹兩個常用的方法：event.stopPropagation() 與 event.preventDefault()，並簡要說明它們的作用與使用情境。
在設計輸入日期的表單時，有時我們會需要限定時間範圍。
像是常見的網銀帳戶記錄，很多就有類似從今天開始前的一年內為查詢範圍的限制，有時候就算在說明文字中已說明資料範圍僅有一年內的資料，還是有可能會有用戶去選到超過一年內的日期。
這種時候直接禁止選取超過一年內的日期，可以避免使用者不小心進行錯誤的操作。