iT邦幫忙

modern web相關文章
共有 479 則文章
鐵人賽 Modern Web DAY 30

技術 Day30 Vue.js 最終:打造貓咪動效廣告牆的最後一哩路

用一點動態魔法讓你的網站更生動 大家好!今天是 IT 鐵人賽的第三十天,真不知不覺我們已經走到了終點!這段旅程有很多調皮又溫馨的記憶,而今天我們要終於來做一個...

鐵人賽 Modern Web DAY 30

技術 Day 30 web server介紹

今天是30天挑戰的最後一天啦,我們就來介紹一下什麼是web server吧 什麼是 Web Server? 「網路伺服器」(web server)可以指軟體、也...

鐵人賽 Modern Web DAY 29

技術 Day29 Vue.js 動效分類實戰 (20) 蛋糕特輯 - 來過生日!吹氣 + 驚喜動畫,慶祝儀式感拉滿

🎂 生日蛋糕互動秀:吹氣熄蠟燭,還有彩帶灑滿天!🎉 嘿嘿嘿,今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果,還能用聲音把蠟燭...

鐵人賽 Modern Web DAY 28

技術 Day 28 Vue.js 動效分類實戰 (19) 星球特輯 - 把宇宙裝進你的網頁

從行星選擇到動畫過渡,揭開星球切換背後的技術秘密 在今天的實作中,我們將用 Vue.js 和動畫效果來實現一個超酷的行星選擇器!透過點擊文字,我們可以淡入淡...

鐵人賽 Modern Web DAY 29

技術 Day 29 Monitoring

今天我們要來介紹什麼是monitoring,他是一個很重要的概念,對我們的app品質的監控。 What is Monitor? 我們可以通過工具或是腳本或是平台...

鐵人賽 Modern Web DAY 27

技術 Day 27 Vue.js 動效分類實戰 (18) 整合特輯 - 技術全解析,打造精緻的卡片翻牌遊戲

翻牌效果深入解析,帶你揭開背後的技術秘密! 今天,我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲,讓你不僅能挑戰自己的記憶力,...

鐵人賽 Modern Web DAY 28

技術 Day 28 Migration Strategies

當我們服務了一陣子以後,可能因為種種原因,例如公司政策改變(Docker企業版收費)等,我們需要將某項技術、DB等搬遷到另一個地方,就需要做migration。...

鐵人賽 Modern Web DAY 27

技術 Day 27 Mitigation Strategies - Circuit Breaker

Circuit Breaker是我們生活中很常見的東西,我們的總電源開關就是一個circuit breaker,當它的電流太大時,它就會自動切斷電源,來保護設備...

鐵人賽 Modern Web DAY 25

技術 Day25 Vue.js 動效分類實戰 (16) 毛玻璃 + 五彩紙屑特輯 - 視覺與腦力的雙重挑戰,終極密碼遊戲

滑順毛玻璃,精緻視覺!玩遊戲還能這麼享受? 你能破解這個終極密碼嗎?🌟 使用 Vue.js 與 TypeScript 打造的猜數字遊戲,搭配毛玻璃效果與繽紛...

鐵人賽 Modern Web DAY 26

技術 Day 26 Mitigation Strategies - Backpressure

今天要繼續來介紹對server穩定性會有影響的Backpressure。 Backpressure(背壓) 單純看中文翻譯會不知道這是在做什麼的 今天下游系統無...

鐵人賽 Modern Web DAY 24

技術 Day24 Vue.js 動效分類實戰 (15) SVG特輯 - 實現旋轉華麗的台灣國旗動效,簡單又帥氣

用 Vue.js 創造華麗的國旗動態效果 這次我們來玩點有趣的東西!我們的 SVG 特輯靈感來自台灣國旗,設計比例可是參考了維基百科上的資料哦。而且,我們不...

鐵人賽 Modern Web DAY 25

技術 Day 25 Mitigation Strategies - Throttling and Debouncing

今天要來介紹兩種讓app可以比較穩定運行的技術。 Throttling Throttling是為函數設定一個限流器,確保應用程式在一定時間內不會處理過多事情,避...

鐵人賽 Python DAY 23

技術 [Day22] Python專案 - 網頁開發 - (1) 網頁工程師基本知識(設計網站的架構、套件管理、資料庫、API測試工具)

目標 專案實戰想把網站開發跟PowerBI交換一下目的是先讓大家在前面的爬蟲章節提到的HTTP跟前後端架構去加深熟悉起來 這周的開端是以網頁開發為主網頁工程師...

鐵人賽 Modern Web DAY 24

技術 Day 24 Microservices vs Monolithic architecture

今天我們要來介紹Monolithic與Microservices的差別,在這個很多東西都上雲的時代,我們也是要來了解一下Monolithic代表著甚麼? Mon...

鐵人賽 Modern Web DAY 22

技術 Day22 Vue.js 動效分類實戰 (13) 極致表單特輯 - 掌控每次提交的反饋魔力

高效的表單處理與動效反饋設計 你是否曾經在填寫表單時,感覺整個過程有些枯燥乏味?或是點擊「提交」後遲遲沒有回應,讓人懷疑到底有沒有成功送出? 其實,表單不僅...

鐵人賽 Modern Web DAY 23

技術 Day 23 CAP Theorem

今天我們要來介紹分散式系統中的一個基本概念,有三個重要特性,但我們只能同時滿足其中兩個。其中一個必定會被犧牲。來看一下為什麼吧~ 一致性(Consistency...

鐵人賽 Modern Web DAY 21

技術 Day21 Vue.js 動效分類實戰 (12) 狂野動物幻燈片特輯 - 自訂 Slider,滑出不一樣的驚豔視覺!

體驗 Vue.js + CSS 動效的極致奢華,讓你的圖片展示與互動感十足! 今天,我們要一起進入一個充滿生機與趣味的世界,用 Vue.js 和 CSS 為...

鐵人賽 Modern Web DAY 22

技術 Day 22 DB - Failure Modes

今天要來介紹DB有可能發生錯誤的地方以及狀況。 讀取爭用(Read Contention) 當多個client端或process同時嘗試從資料庫的同一位置讀取資...

鐵人賽 Modern Web DAY 19

技術 Day19 Vue.js 動效分類實戰 (11) 進階背景特輯 - 用 GSAP 打造你的專屬海洋世界

結合動態背景與滾動效果,打造前所未有的海洋深處互動體驗 在這個數位時代,誰說網頁設計只能是靜態的?想像一下你的頁面不再只是一片白板,而是變成了一個充滿生命力...

鐵人賽 Modern Web DAY 18

技術 Day18 Vue.js 動效分類實戰 (10) 旋轉特輯 - 打造讓你愛不釋手的互動小遊戲!

旋轉特效大解析:創造令人上癮的互動遊戲體驗 嘿!你有沒有注意過那些可愛的按鈕或圖標,在網頁上輕輕一碰就會旋轉起來,簡單卻讓人忍不住再多點幾次?其實這就是網頁...

鐵人賽 Modern Web DAY 20

技術 Day 20 DB - N+1 problem

今天我們要來看一個DB問題,當我們執行查詢取得記錄列表,然後對其中每筆記錄執行另一個查詢時,就會發生這種情況。 我們可能會想說許多小查詢會比較快,而一個複雜的大...

鐵人賽 Modern Web DAY 19

技術 Day 19 DB - ORMs(Object-Relational Mappers)

今天我們要來介紹在使用DB時,一個好用的技術,ORMs(Object-Relational Mappers,物件關係映射器),在寫程式和資料庫(如MySQL、P...

鐵人賽 Modern Web DAY 17

技術 Day17 Vue.js 動效分類實戰 (9) 萌兔吹泡泡特輯 - 顛覆等待的互動視覺體驗

用兔子吹泡泡動畫驚豔你的訪客,刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮? 在現代網站開發中,等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待...

鐵人賽 Modern Web DAY 18

技術 Day 18 DB - ACID

今天我們要來跨足到DB的區域啦(灑花,那麼首先就要來介紹DB的一個重要概念,ACID。 Atomicity(原子性) Transaction中的所有操作會按造順...

鐵人賽 Modern Web DAY 16

技術 Day16 Vue.js 動效分類實戰 (8) 進度條特輯 - 超酷互動計時器+動態視覺化

讓你的計時器不再無聊!帶你實現進度條的互動視覺化 你是否曾經想過,讓時間不只是冷冰冰的數字,而是變成一個動態、直觀、充滿視覺衝擊的體驗? 今天,我們要用 V...

鐵人賽 Python DAY 16

技術 [Day15] Python專案實踐周,學習心態的內外武功!? 跟學習目標(六大應用場景)

前言 hi~各位恭喜脫離了痛苦的前兩周 相信跟者學習的你,一定也有所收穫今天我會選標題這六大主題(excel處理、爬蟲、Powerbi整合、網頁應用程式、自動化...

鐵人賽 Modern Web DAY 17

技術 Day 17 Testing types

昨天提到了許多測試類型,今天要分別對這些測試類型來做簡單的介紹~ Unit Testing Unit test就如同他的名字,是以一個軟體中最小可測試的單位(u...

鐵人賽 Modern Web DAY 15

技術 Day15 Vue.js 動效分類實戰 (7) 3D 翻轉卡特輯 - 視覺震撼的完美翻轉效果

3D 翻轉卡片特效來襲,用 Vue.js 掌控全場,玩轉視覺與互動的完美結合! 嘿~準備好見證魔法般的 3D 翻轉效果了嗎?今天,我們要用 Vue.js 玩...

鐵人賽 Modern Web DAY 16

技術 Day 16 Testing - Functional Testing

Functional Testing 是一種軟體測試方法,根據功能需求/規格驗證軟體系統的每個功能是否按照需求規格進行工作。這種測試集中於軟體或是應用程式的外部...

技術 使用 Laravel 10 與 Vue 3 + Vuetify 建立現代化 Web 應用

在當今的 Web 開發中,Laravel 和 Vue.js 是兩個非常受歡迎的框架。Laravel 提供了強大的後端功能,而 Vue.js 則使得前端開發變得...