iT邦幫忙

15th鐵人賽相關文章
共有 23149 則文章
鐵人賽 Modern Web DAY 22

技術 〈Day22〉事件與事件傳遞

Table of Contents 事件是什麽? 事件冒泡與捕獲 事件委派 References 前面講了很多如何控制元素的方法,今天要來講如何用事件讓使用...

鐵人賽 Modern Web DAY 11

技術 Day11 Visual Formatting Model淺談視覺格式化模型

記得初學的時候就讀了規範9 Visual formatting model,以至於懷疑CSS可不可以學起來?有了些實作經驗後,再回來看看,看看有什麼新發現!本次...

鐵人賽 SideProject30 DAY 11

技術 切版 動態樣式處理

遊戲相關動畫盤點 遊戲進入頁背景動畫 (CSS 動畫) 遊戲教學提示動畫 (CSS 動畫) 時間軸拉伸 (CSS 動畫 + JS 操作) 卡片排序 (CSS...

鐵人賽 自我挑戰組 DAY 11
自我挑戰雜記 系列 第 11 篇

技術 斷捨離

跟著大宏哥一起斷捨離 我大宏哥,無情的斷捨離機器覺得沒用的東西,就是直接斷捨離,毫不留情沒用的群組直接斷捨離,高歌離席不帶猶豫但程式沒辦法斷捨離,只能盡量低耦合...

鐵人賽 自我挑戰組 DAY 25

技術 第二十五天--介紹和使用SESSION與留言板實作

今天介紹和使用SESSION和撰寫登入、強制登入和保持登入狀態系統。 session介紹 應用場景在網站具有會員登入的功能或是購物車的功能,基本上就會使用到 s...

鐵人賽 自我挑戰組 DAY 24

技術 第二十四天--編輯留言的畫面 、更新留言 與成果展現

今天來介紹 先來製作更新留言的畫面。新增php檔(edit_form.php)在screen文件夾裡edit_form.php程式碼 <html>...

鐵人賽 Modern Web DAY 21

技術 〈Day21〉元素的尺寸和位置

Table of Contents offset offsetParent offsetLeft/offsetTop offsetWidth/offsetH...

鐵人賽 Modern Web DAY 20

技術 〈Day20〉處理DOM的屬性

Table of Contents HTML的Attributes跟DOM的properties Element.attributes hasAttribu...

鐵人賽 自我挑戰組 DAY 11

技術 [Day 11] How to avoid deadlock in DB transaction?

Potential Deadlock Scenarios store.go func (store *Store) TransferTx(ctx contex...

鐵人賽 Modern Web DAY 19

技術 〈Day19〉處理DOM的CSS

Table of Contents element.style classList add() remove() replace() toggle()...

鐵人賽 自我挑戰組 DAY 11

技術 【全端網頁開發】Day11-Flask實作提供下載圖片ZIP的API

前言 接下來會記錄一些,練習過程中實做的內容 實作提供下載圖片ZIP的API 1.先設定好本地圖片的目錄位置和回傳的ZIP檔名 2.使用 zipfile.Zip...

鐵人賽 自我挑戰組 DAY 15
每天買一檔權證 系列 第 15 篇

技術 D15 - 每天購買一檔權證 - 創意 - 049274 創意元富2C購14

目前虧損: 資金 虧損 -11000 左右 現金資產 權證資產 淨資產 獲利 報酬率(%) 70,010 119,000 189,010 0 0...

鐵人賽 Modern Web DAY 18

技術 〈Day18〉控制在DOM的元素(下)

Table of Contents 一些Document屬性指定的元素 querySelector系列 querySelector() document....

鐵人賽 Modern Web DAY 16

技術 [CSS和Bootstrap篇] CSS動畫及RWD響應式網頁設計

transition transition屬性是用來設定不同的CSS屬性轉換時的過度效果及速度。其中transition的設定為「transition:CSS的...

鐵人賽 Modern Web DAY 17

技術 〈Day17〉控制在DOM的元素(中)

Table of Contents 創建元素 插入元素 移除元素 替換元素 References 今天要找新增、插入、移除、替換元素的方法。 創建元素 我想...

鐵人賽 自我挑戰組 DAY 13
設計模式 系列 第 13 篇

技術 Day13 - 享元模式(Flyweight pattern)

介紹享元模式透過共享物件來減少資源使用。此模式將物件分為內部及外部狀態。內部狀態是固定的,可分享給大家使用,外部狀態則隨外在環境改變,並由外在環境維護。 C++...

鐵人賽 Vue.js DAY 11
Nuxt 3 實戰筆記 系列 第 11 篇

技術 [Day 11] Nuxt 3 自訂共用的函式 - 組合式函式 (Composables) 與通用函式 (Utils) 的差異和選擇

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 SideProject30 DAY 12
我想自己刻部落格 系列 第 12 篇

技術 使用 DI 相依性注入

NET Core 支援相依性注入 (Dependency Injection,DI) 軟體設計模式。 在以前 .NET Framework 時期,需要安裝額外套...

鐵人賽 Modern Web DAY 15

技術 [CSS和Bootstrap篇]CSS 的常用樣式、盒模組(Box Model)、定位(Position)

上一章節我們介紹了很多CSS選擇器,而CSS選擇器的花括號裡放的就是我們要設定的CSS樣式,且每個樣式都是由「屬性:值;」所組成的,今天我們會來介紹一些常用的C...

鐵人賽 自我挑戰組 DAY 20

技術 Bootstrap 表單| Form-Control 的運用

今天講Form-Control,使用bootstrap的 form-control 類別可以自訂<input>、<textarea>的樣...

鐵人賽 Mobile Development DAY 15

技術 D15 - 在 iOS 專案加上測試-You need testing {單一責則原則 - DateUtility}

StockRecordUtility 職責被我定義為轉換 UI 輸入 到程式 Data Model 的物件,而 Date 轉換為 String 則為另一個物件的...

鐵人賽 Modern Web DAY 14

技術 [CSS和Bootstrap篇]CSS簡介及CSS選擇器

CSS簡介 CSS(Cascading Style Sheet),又稱為階層式樣式表,是一種用於設計和美化網頁的語言。還記得我們在介紹HTML的第一篇文章中的這...

鐵人賽 Modern Web DAY 13

技術 [HTML基礎篇]圖片和多媒體:選擇適當格式並進行優化

在架設網站中,使用圖片或其他多媒體時,選擇適當的格式對於提高網站性能和用戶體驗至關重要。 圖片格式的選擇 在嵌入圖片之前,要考慮到以下幾個常見的圖片格式:...

鐵人賽 Modern Web DAY 12

技術 [HTML基礎篇]使用語義化標籤:增強網頁結構和SEO

什麼是SEO?    SEO(Search Engine Optimization)中文翻譯為搜索引擎優化,是一種提高網站在搜索引擎中排名的方法。主要的...

鐵人賽 Cloud Native DAY 11

技術 可觀測性宇宙的第十一天 - Prometheus 基本觀念 - PromQL

概述 在深入探討 Prometheus 的具體操作前,我們首先必須鞏固其基本概念。相信多數人第一次遇見 Prometheus,很可能是基於前輩或團隊成員的先前架...

鐵人賽 Security DAY 11

技術 [Day11] 入侵偵測系統的準確性:誤殺與誤放

本篇大綱一、前言二、第一類錯誤(誤殺)三、第二類錯誤(誤放)四、總結 一、前言 當談到入侵偵測系統(IDS)時,評估其準確性是至關重要的。 入侵偵測系統的...

鐵人賽 自我挑戰組 DAY 9

技術 數據治理與數據可視化在可持續發展和企業社會責任(ESG)的關鍵作用

數據可視化和數據治理是我們在數據時代中的得力助手,它們相輔相成,形成了一個強大的工具集合,讓我們能夠更加精準地處理、理解和傳遞數據資訊。數據品質評估為我們打下了...

鐵人賽 自我挑戰組 DAY 2

技術 [Day23]「監控面板」設定與操作說明

為什麼需要監控訪問 前面幾篇文章我們已經介紹了iNODENINJA平台介面上的不同功能: 建立節點 建立域名 設置WAF(異常的訪問流量進行阻擋)...

鐵人賽 Modern Web DAY 11

技術 Master CSS 的區塊(Block)、彈性盒子(Flexible Box)和網格格線(Grid)切版使用方式

使用 CSS 開始排版切版的時候,我個人習慣使用 div 來開始,不管是要切導覽列、控制面板的,透過排列 div,嵌套 div,最終使用 CSS 來進行排列調整...

鐵人賽 Modern Web DAY 11

技術 Day 11:使用 Strawberry 學習 GraphQL 變更

在前面的說明主要著重在查詢(Read)的部分,API 的開發還會有新增(Ctreate)、修改(Update)、刪除(Delete),GraphQL 在這部分就...