前端

含有「前端」共 230 篇內容
全部內容
發佈日期由新至舊
這是一個我決定轉職前端工程師,結果不得不面對原始內心恐懼的故事。
Thumbnail
我從來沒想過,有一天我會主動想學寫 code,甚至想知道一個網站是怎麼做出來的。畢竟以前上過計算機概論,印象中考試都沒及格過,根本不覺得自己會想學、也學得會。 為什麼報名體驗營? 其實一開始只是突然想學鉤針毛線,就上 hahow 找課程。找到後猶豫要不要買,想說不如多逛逛,結果逛到了「六角學
Thumbnail
六角學院程式體驗營一個月心得分享,包含學習成果、遇到的挑戰、未來計畫等,並針對學習React、Tailwind、網站服務整合等技術面向進行深入的回顧與反思。
# 建立 Routes Next.js 使用基於檔案系統的路由器,資料夾用來定義 routes。 每個資料夾代表一個 route segment,對應到一個 URL segment。 要建立 nested routes,可以將資料夾彼此巢狀。 使用特殊的 page.js 檔案來讓 rou
Thumbnail
每個應用程式的骨架是路由。此頁將介紹網頁路由的基本概念,以及如何在 Next.js 中處理路由。 # 術語 你會在文件中看到這些術語,以下是快速參考: # 元件樹的術語 tree:用來視覺化階層結構的一種約定。例如包含父元件和子元件的元件樹、資料夾結構等。 subtree:tree 的
Thumbnail
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
Thumbnail
本文介紹 JWT 的運作機制,以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定,以及 token 失效後的處理流程,確保應用程式的安全性及良好的使用者體驗。
Thumbnail
每個學習網頁開發的人一定會聽過 HTML、CSS、Javascript ,但這些到底是什麼? 在我學習前端技術的前期,經常搞不懂這三者的關聯,陷入一個「我知道這三個名詞,但不知道用來做啥」的窘境,因此今天用簡單的方式分享這三個常見的名詞~
付費限定
在現代網頁設計中,動畫和漸變效果不僅能讓網站更具吸引力,還能提升使用者體驗。今天來介紹兩個非常有趣且實用的 CSS 技巧:CSS 動畫和漸變背景。這些技術不需要額外的 JavaScript 支援,單純依賴 CSS 就可以完成動態效果,讓你的網站變得更加生動和互動。
# Automatic Installation 我們建議使用 create-next-app 開始一個新的 Next.js 應用,它會自動為你設置所有內容。 要建立專案,請執行以下指令: Terminal:npx create-next-app@latest 安裝過程中,你會看到以下提示: