好奇的動機 : 從文字到動態畫面,揭秘 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...