iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 377 瀏覽

鐵人賽 Modern Web DAY 23

Backend Developer的學習Roadmap 系列第 23 篇

技術 Day 23 CAP Theorem

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

linitachi ‧ 2024-10-07 ‧團隊震驚 2.0

0 Like 0 留言 311 瀏覽

鐵人賽 Modern Web DAY 21

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 21 篇

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

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

Sunny.Cat ‧ 2024-10-05

0 Like 0 留言 216 瀏覽

鐵人賽 Modern Web DAY 22

Backend Developer的學習Roadmap 系列第 22 篇

技術 Day 22 DB - Failure Modes

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

linitachi ‧ 2024-10-06 ‧團隊震驚 2.0

1 Like 0 留言 896 瀏覽

鐵人賽 Modern Web DAY 19

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 19 篇

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

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

Sunny.Cat ‧ 2024-10-03

0 Like 0 留言 564 瀏覽

鐵人賽 Modern Web DAY 18

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 18 篇

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

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

Sunny.Cat ‧ 2024-10-02

0 Like 0 留言 821 瀏覽

鐵人賽 Modern Web DAY 20

Backend Developer的學習Roadmap 系列第 20 篇

技術 Day 20 DB - N+1 problem

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

linitachi ‧ 2024-10-04 ‧團隊震驚 2.0

0 Like 0 留言 254 瀏覽

鐵人賽 Modern Web DAY 19

Backend Developer的學習Roadmap 系列第 19 篇

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

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

linitachi ‧ 2024-10-03 ‧團隊震驚 2.0

0 Like 0 留言 657 瀏覽

鐵人賽 Modern Web DAY 17

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 17 篇

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

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

Sunny.Cat ‧ 2024-10-01

0 Like 0 留言 536 瀏覽

鐵人賽 Modern Web DAY 18

Backend Developer的學習Roadmap 系列第 18 篇

技術 Day 18 DB - ACID

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

linitachi ‧ 2024-10-02 ‧團隊震驚 2.0

0 Like 0 留言 764 瀏覽

鐵人賽 Modern Web DAY 16

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 16 篇

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

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

Sunny.Cat ‧ 2024-09-30

1 Like 0 留言 841 瀏覽

鐵人賽 Python DAY 16

從概念到應用：Python實戰開發學習之旅系列第 16 篇

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

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

科技狗(柯基狗) ‧ 2024-09-30

0 Like 0 留言 244 瀏覽

鐵人賽 Modern Web DAY 17

Backend Developer的學習Roadmap 系列第 17 篇

技術 Day 17 Testing types

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

linitachi ‧ 2024-10-01 ‧團隊震驚 2.0

0 Like 0 留言 740 瀏覽

鐵人賽 Modern Web DAY 15

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 15 篇

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

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

Sunny.Cat ‧ 2024-09-29

0 Like 0 留言 307 瀏覽

鐵人賽 Modern Web DAY 16

Backend Developer的學習Roadmap 系列第 16 篇

技術 Day 16 Testing - Functional Testing

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

linitachi ‧ 2024-09-30 ‧團隊震驚 2.0

2 Like 1 留言 2869 瀏覽

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

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

answer212224 ‧ 2024-09-28

0 Like 0 留言 510 瀏覽

鐵人賽 Modern Web DAY 13

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 13 篇

技術 Day13 Vue.js 動效分類實戰 (5) 視差滾動特輯 - 用 GSAP 編織日夜交替的視覺詩歌

讓畫面隨時光流動，用動效打造日與夜的邂逅！哈囉大家！今天我們要來點浪漫的～🌙☀️當我們說到網頁動效，你是不是也曾幻想過，能不能讓畫面隨著時間的流動變換出日...

Sunny.Cat ‧ 2024-09-27

0 Like 0 留言 226 瀏覽

鐵人賽 Modern Web DAY 15

Backend Developer的學習Roadmap 系列第 15 篇

技術 Day 15 OWASP Top Ten

今天我們要來看OWASP列出來的前10大攻擊手法是甚麼XD讓我們之後開發Web應用程式能避免掉這些雷。清單項次中文名稱英文名稱 A01 權...

linitachi ‧ 2024-09-29 ‧團隊震驚 2.0

0 Like 0 留言 303 瀏覽

鐵人賽 Modern Web DAY 14

Backend Developer的學習Roadmap 系列第 14 篇

技術 Day 14 Web Security Knowledge

資安是我們開發者一定要注意的議題，程式要寫對以外，安全性也是重要的一環，除了一般的帳密安全，開發軟體時，也不要將secret寫在code之中。今天我們來了解S...

linitachi ‧ 2024-09-28 ‧團隊震驚 2.0

0 Like 4 留言 972 瀏覽

鐵人賽 Modern Web DAY 30

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 30 篇

技術 Day 30: 最終結語：前端工程師素養與思維，台灣前端軟體工程師的困境和未來

引言在這個為期30天的前端開發之旅中，我們探索了許多先進的技術和最佳實踐。今天，我們將把目光投向更廣闊的視野，討論前端工程師應具備的素養和思維，並特別關注台...

MichaelHo ‧ 2024-10-14

1 Like 0 留言 390 瀏覽

鐵人賽 Modern Web DAY 29

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 29 篇

技術 Day 29: Nuxt3 中的路由管理以及 Middleware：如何結合 TypeScript 實現靈活的路由系統

簡介 Nuxt3 提供了強大而靈活的路由系統，結合 TypeScript 的靜態類型檢查，可以大大提高開發效率和代碼質量。本文將深入探討 Nuxt3 中的路由...

MichaelHo ‧ 2024-10-13

0 Like 0 留言 224 瀏覽

鐵人賽 Modern Web DAY 13

Backend Developer的學習Roadmap 系列第 13 篇

技術 Day 13 Caching

今天我們要來介紹快取，快取顧名思義，它就是專for快速存取用徒，當我們需要頻繁的存取資料或取得複雜計算的結果，就可以利用快取將資料儲存在記憶體一段時間。當下次客...

linitachi ‧ 2024-09-27 ‧團隊震驚 2.0

1 Like 0 留言 318 瀏覽

鐵人賽 Modern Web DAY 27

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 27 篇

技術 Day 27: 初探 Nuxt3：如何利用 Nuxt3 與 TypeScript 打造伺服器端渲染應用

簡介 Nuxt3 是一個強大的 Vue.js 框架，它結合了服務器端渲染（SSR）和靜態站點生成（SSG）的優勢，同時提供了出色的開發體驗。本文將帶您深入了解...

MichaelHo ‧ 2024-10-11

3 Like 0 留言 433 瀏覽

鐵人賽 Modern Web DAY 26

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 26 篇

技術 Day 26: 在 Vue 應用中實現懶加載與代碼分割以提升性能

簡介在現代 Web 應用開發中，隨著應用規模的增長，初始加載時間可能會變得越來越長，影響用戶體驗。本文將深入探討如何在 Vue 3 應用中實現懶加載和代碼分...

MichaelHo ‧ 2024-10-10

0 Like 0 留言 2527 瀏覽

鐵人賽 Modern Web DAY 12

Backend Developer的學習Roadmap 系列第 12 篇

技術 Day 12 Authentication - Cookie-Based Authentication

今天我們要來了解Cookie-Based Authentication~ cookie cookie是網站儲存在user設備上的小文件，例如使用者設定，保持登錄...

linitachi ‧ 2024-09-26 ‧團隊震驚 2.0

0 Like 0 留言 465 瀏覽

鐵人賽 Modern Web DAY 24

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 24 篇

技術 Day 24: 性能優化：如何利用 UnoCSS 與 Vite 減少打包大小還有優化 vue 的各式操作

簡介我們這次討論關於性能優化的部分，以及一般開發人員在進行開發的時候要注意的事情。本文將深入探討如何利用 Vite 以及 Vue 的各種特性來優化應用性能。...

MichaelHo ‧ 2024-10-08

1 Like 0 留言 303 瀏覽

鐵人賽 Modern Web DAY 23

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 23 篇

技術 Day 23: 如何測試 Vue Router 的導航邏輯與 Pinia 的狀態管理

簡介在 Vue 3 應用程序中，Vue Router 和 Pinia 是兩個核心工具，分別用於處理路由導航和狀態管理。對這兩個工具進行有效的測試對於確保應用...

MichaelHo ‧ 2024-10-07

2 Like 0 留言 372 瀏覽

鐵人賽 Modern Web DAY 22

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 22 篇

技術 Day 22: 使用 TypeScript 和 Vitest 測試 Vue 組件的邊界情況

簡介在開發 Vue 應用時，測試邊界情況對於確保組件的穩定性和可靠性至關重要。本文將探討如何使用 TypeScript 和 Vitest 來測試 Vue 組...

MichaelHo ‧ 2024-10-06

1 Like 0 留言 869 瀏覽

鐵人賽 Modern Web DAY 21

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 21 篇

技術 Day 21: Vitest 和 @vue/test-utils 的基礎介紹：如何編寫單元測試

簡介在現代前端開發中，單元測試是確保代碼質量和可靠性的關鍵部分。本文將介紹如何使用 Vitest 和 @vue/test-utils 為 Vue 3 應用程...

MichaelHo ‧ 2024-10-05

0 Like 0 留言 354 瀏覽

鐵人賽 Modern Web DAY 11

Backend Developer的學習Roadmap 系列第 11 篇

技術 Day 11 Authentication - Basic Authentication

今天我們要來介紹很基本的基本授權觀念，一開始我以為它就是standard username and password authentication，其實是不對的...

linitachi ‧ 2024-09-25 ‧團隊震驚 2.0

1 Like 0 留言 669 瀏覽