JavaScript
含有「JavaScript」共 223 篇內容
全部內容
發佈日期由新至舊
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異，並以 React 中 JSX 的應用為例，說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解，並提供相關參考資料連結。
Spread Syntax和Rest Parameters都使用 ... 符號，Spread Syntax用於展開可迭代物件，例如將陣列或物件的元素複製到新的陣列或物件中，或是在函式呼叫時傳遞參數。Rest Parameters用於收集不定數量的函數參數，將其打包成一個陣列，方便在函數內部進行處理。
在這篇文章中，我們將深入探討如何在 Laravel 應用程式中處理檔案上傳。我們將從前端頁面的檔案選擇到後端儲存與顯示檔案的完整流程，涵蓋從用戶選擇檔案，到將其上傳並保存在伺服器，直到如何在資料庫中儲存檔案路徑，並在頁面上顯示它們。這些步驟將有助於您瞭解如何在 Laravel 中高效地處理檔案上傳。
謝謝您的分享❤️
簡介
本篇教學將帶您使用 Node.js 和 JavaScript 實現一個簡易相簿功能，具備圖片上傳、顯示以及查看原圖的功能。我們將利用 Express 框架以及 multer 中介軟體處理文件上傳，並使用 EJS 作為模板引擎來呈現網頁內容。
實現目標
相簿首頁：顯示所有已上傳的圖片。
箭頭函式是 JavaScript ES6（ECMAScript 2015）引入的一種簡化 Function Expression 語法。
它用來快速定義匿名函式，語法簡潔，特性明確，特別適合用於回呼函式等場景。
檔案上傳是許多網站的核心功能，無論是上傳圖片、文件，甚至是大型的資料檔案。本文將教您如何使用 JavaScript 與 Node.js 搭配 Express 與 Multer 套件，實現檔案上傳功能，並將檔案儲存至伺服器指定的目錄中。
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。
