好奇的動機 ： 從文字到動態畫面，揭秘 DOM 的魔法世界 什麼是 DOM？你已經在用但不知道它是什麼！ 每次開啟網頁瀏覽時，從網頁到手機裡的APP，大家都在跟...
Day 6: 1140918一、目標:建立首頁按鍵的畫面跳轉功能。 在 day 5的文章中，最後提到 app.jsx 這份檔案會處理系統核心和路由設定。檔案中的...
一、起心動念 三大框架都碰過，但 Vue.js 以 簡潔語法與輕量特性 讓我著迷。 曾喜愛過小眾框架 Riot.js，它的雙向綁定和 template 語法糖也...
CORS：網站安全的守門員 什麼是 CORS（跨來源資源共用）？ CORS，全名 Cross-Origin Resource Sharing，中文翻譯為跨來源資...
Web Storage：瀏覽器的小型資料倉庫 什麼是 Web Storage？ Web Storage 是瀏覽器裡的一種「資料倉庫」，用來在你的電腦上暫時保存...
Cache（快取）：幫網頁加速的秘密小幫手 什麼是 Cache？ **Cache（快取）**就是電腦「暫時存放」網頁資料的小倉庫。 比方說你常去小賣店買汽水，...
HTTP 與 Restful API：網路世界的溝通規則 什麼是 HTTP？ HTTP（HyperText Transfer Protocol）是一種網路上的...
CSR 與 SSR：網頁怎麼生成的秘密 當你用瀏覽器打開一個網站時，網頁上的內容是怎麼跑出來的呢？這裡我們來介紹兩個重要的方式：CSR（客戶端渲染）和SSR（...
從輸入網址按下 Enter，到瀏覽器上出現畫面 當你在瀏覽器裡輸入一個網址，然後按下 Enter，整個網頁是怎麼出現在你眼前的呢？讓我們用簡單的比喻和步驟，一步...
這是Web基礎系列的第一篇文章，主要簡介未來十天將覆蓋的主題重點，並帶領讀者從Web瀏覽器的基本流程出發，逐步探索現代Web技術的核心知識。系列簡介這個Web基...
平時需要部署個簡單的 HTML 頁面（比如 AI 生成的），或者想快速分享幾張設計稿、用 ZIP 包部署個小網站，大家一般用什麼工具呢？很多時候，不是嫌託管費貴...
網站效能影響從使用者體驗到搜尋排名的一切，但並非每位開發者都擁有企業級的資源。好消息是，你不需要花費大量資金就能達到令人印象深刻的載入時間。本指南探討了在不超出...
Day 2: 1131229一、目標:設定好VS code環境，做好開發前準備二、預計使用工具:(一)Spring Initializr(二)VS code 三...
在現代網頁開發中，將網站快速且高效地部署到互聯網上是每位開發者的目標之一。Vercel 作為一個強大的部署平台，提供了簡單易用的工具，幫助開發者輕鬆地將應用程式...
DOM操作學習1 1. DOM的概念 DOM（Document Object Model）是瀏覽器中把HTML或XML文件結構化為樹狀結構的API，它使開發者能...
JavaScript基礎學習2 4. 函數 函數是JavaScript中的核心功能，用於封裝重複邏輯。函數可以是有名函數或匿名函數，也可以使用箭頭函數來定義簡潔...
CSS框架與響應式設計 1. CSS框架概述 CSS框架是一套預先定義好的樣式和佈局規則，能幫助開發者快速建立一致且美觀的網頁，而不必從零編寫樣式。使用CSS框...
CSS排版與佈局 1. CSS盒模型（Box Model） CSS盒模型是理解元素佈局的基礎，所有HTML元素都可以看作一個盒子，包含以下幾個部分： 內容...
CSS進階 CSS特異性與層疊（Cascading）CSS特異性：當多個選擇器應用於同一個元素時，瀏覽器根據選擇器的特異性決定哪一條樣式規則生效。特異性計算...
CSS基礎學習筆記 CSS基本概念CSS（Cascading Style Sheets）：用於設計網頁的外觀和佈局。它使我們能夠將樣式與HTML結構分離，從...
HTML基礎學習筆記 HTML基本結構< !DOCTYPE html>：告訴瀏覽器這是一個HTML5文檔。< html>：整個HTM...
了解web基礎 HTTP/HTTPS 協議了解HTTP（超文本傳輸協議）是Web通信的核心協議。HTTP與HTTPS的區別，後者使用加密技術保護數據傳輸。...
Day 1: 1131228一、目標:開發一個任務管理系統，並運用 MVC (model view controller)架構二、預計使用工具:(一)前端: J...
本屆 #JCConf 邀請到 Recca Chao 分享「Ktor 3.0 入門：簡述 Ktor 的架構及 3.0 版本的主要特點」 講題簡介：本演講將介紹...
前言 對於小白的我來說，在剛進入後端領域時，很多東西都是傻傻分不清楚，在我最一開始的認知中， Internet 與 Web 似乎也只是同樣的東西，只是換個稱呼而...
目前設計結果如下 更動的部份包括 Button Class Summary Each item information 程式碼的部份可以參考 Githu...
User Interface 有點陽春 今天來簡單設計一下 Icon Icon 的來源是 CoCo Datset 裡面 Overview 的 icon 下面是...
前言 上一篇【Rust程式語言兼具Python與C優點】介紹Rust程式語言特點，這次我們透過程式實際見證它的威力，以Rust開發一個網站，可以提供各式的網頁(...
在 Kubernetes 集群中，我們可以部署一個自定義的 Web 應用，並進行擴展。 本文將介紹如何使用 index.html 文件來客製化 Web 應用，並...
Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用 但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...
roni
ntuedtd113
韭菜籽
Lin
whoami
iThome鐵人賽
看影片追技術