前端開發
含有「前端開發」共 82 篇內容
全部內容
發佈日期由新至舊
每個學習網頁開發的人一定會聽過 HTML、CSS、Javascript ，但這些到底是什麼? 在我學習前端技術的前期，經常搞不懂這三者的關聯，陷入一個「我知道這三個名詞，但不知道用來做啥」的窘境，因此今天用簡單的方式分享這三個常見的名詞~
在 React 中，狀態管理是構建複雜應用的重要一環，其中 useContext 與 Redux 都提供了解決方案，但它們各有優缺點和適用場景。
有鑑於Redux以英文教學為主，網上中文的教學不多，初學者會遇到一些困難，所以本章節希望以一篇文章帶領你快速入門Redux，透過實作的方式上手這個技能!
每年一次的 State of JS 問卷調查，不只是觀察前端技術趨勢的工具，更是檢視自身技能與學習方向的絕佳機會。透過這份調查，你可以了解前端生態的變化，確保自己沒有錯過重要資訊，並規劃未來的學習路線。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
對沒有程式背景的學生，學習 JavaScript 可能是跨入前端的第一道關卡。但若妥善運用 AI 工具，就能有效的提高學習效率，避免不斷地卡關而最後選擇放棄。
以下介紹三個實用情境，能幫助我們在學習中事半功倍。
這邊使用 ChatGPT 的 Canvas 功能，免費用戶也可以直接使用。
同樣的作
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異，並以 React 中 JSX 的應用為例，說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解，並提供相關參考資料連結。
當要顯示的文字過長時，一般會使用 CSS 隱藏超出的部分，並在文字尾端顯示 ... 來表示內容並未完全顯示。
Demo：https://codepen.io/lwxidmpx-the-scripter/pen/MYgVmjm
單行文字截斷
overflow: hidden;
whi
VUE 在localhost執行debug 如何自定Debug SeverIP或Port，解決CORS問題
iFrame在微前端架構中的優缺點，分析了其對用戶體驗、SEO及性能的影響。
iFrame在嵌入小型UI元件、創建隔離環境等特定場景中仍具備相當的應用價值。
