前端

含有「前端」共 246 篇內容
全部內容
發佈日期由新至舊
前端初學者容易因為要學的知識太多,而不知道該如何取捨。這邊推薦依序完成以下三個專案,並配合專案實作來逐步學習相關的技術與知識。
在現代 Web 應用中,實現用戶登入功能是非常基本且重要的步驟。本文將帶您了解如何在 Laravel 中構建一個完整的登入系統,涵蓋後端處理邏輯、前端表單設計以及相關的路由和中間件設定。這篇指南旨在幫助您建立一個簡潔且可擴展的登入流程。
上一篇文章提到了 成為優秀 PM 重要的三件事。這邊也分享我認為從 PM 的角度,成為優秀的工程師最重要的三件事。如果有其他不同的想法,也歡迎留言補充與指教。 1. 持續同步資訊 當進度落後或遇到問題時,第一時間說明潛在風險與影響,不要到最後一刻才揭露問題。 另外,也不要只專注於程式碼開
在開發 Web 應用時,管理大量資料通常需要處理分頁和格式化顯示的需求。本文將介紹如何在 Laravel 中實現 時間格式轉換 以及 分頁功能,並用實際案例來展示如何將這些功能整合到你的應用程式中。
對沒有程式背景的學生,學習 JavaScript 可能是跨入前端的第一道關卡。但若妥善運用 AI 工具,就能有效的提高學習效率,避免不斷地卡關而最後選擇放棄。 以下介紹三個實用情境,能幫助我們在學習中事半功倍。 這邊使用 ChatGPT 的 Canvas 功能,免費用戶也可以直接使用。 同樣的作
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異,並以 React 中 JSX 的應用為例,說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解,並提供相關參考資料連結。
Thumbnail
當要顯示的文字過長時,一般會使用 CSS 隱藏超出的部分,並在文字尾端顯示 ... 來表示內容並未完全顯示。 Demo:https://codepen.io/lwxidmpx-the-scripter/pen/MYgVmjm 單行文字截斷 overflow: hidden; whi
Spread Syntax和Rest Parameters都使用 ... 符號,Spread Syntax用於展開可迭代物件,例如將陣列或物件的元素複製到新的陣列或物件中,或是在函式呼叫時傳遞參數。Rest Parameters用於收集不定數量的函數參數,將其打包成一個陣列,方便在函數內部進行處理。
Thumbnail
在這篇文章中,我們將深入探討如何在 Laravel 應用程式中處理檔案上傳。我們將從前端頁面的檔案選擇到後端儲存與顯示檔案的完整流程,涵蓋從用戶選擇檔案,到將其上傳並保存在伺服器,直到如何在資料庫中儲存檔案路徑,並在頁面上顯示它們。這些步驟將有助於您瞭解如何在 Laravel 中高效地處理檔案上傳。
謝謝您的分享❤️
這個專案是一個使用 Vue3、Vite、daisyUI 和 Google Gemini AI API 打造的雙 AI 對話模擬器。 使用者可以設定兩個 AI 角色的名稱和描述,然後讓它們自行對話。 這個專案旨在展示前端如何與 AI API 互動,以及如何建立具有互動性的 AI 應用程式。
Thumbnail