iT邦幫忙

14th鐵人賽相關文章
共有 19442 則文章
鐵人賽 影片教學 DAY 12
跟著 Chatbot 逛夜市~ 系列 第 12 篇

技術 2022-Day12. 【Meta Business Suite】EP1:新手上路~

自媒體當道的時代,完成一個機器人只是最基本的,行有餘力時,建議開個粉專或是IG,不僅可以透過貼文的連結加入許多的外部資訊,也能增加與使用者互動的次數。甚至是善用...

鐵人賽 Modern Web DAY 12

技術 [Day11] web component 的使用技巧-css

因為Shadow DOM把內部的DOM和外部的DOM分開了。所以CSS選擇器沒辦法從外部正常的使用在Shadow DOM的內部節點上。也因此,CSS的使用一直以...

鐵人賽 Modern Web DAY 11

技術 [Day10] web component的使用技巧-事件

監聽事件 因為web component是使用custom element技術建構而成。web component內部也能使用addEventListener方...

鐵人賽 Modern Web DAY 9

技術 [Day8] web component的使用技巧-shadow DOM存取其一

鐵人賽開始也快過了三分之一了,回頭看了自己的文章,寫的還真是亂。這個星期六日有時間的話會把前面的文章再整理一下。 從這篇文章開始,會著重在解決前一篇文章所提到的...

鐵人賽 自我挑戰組 DAY 9
網路的架構&各種應用 系列 第 9 篇

技術 Day9 - HTTP/HTTPS

平常我們在使用瀏覽器時,都可以看到上方輸入網址的地方有個鎖頭,這代表我們現在在瀏覽時向伺服器傳送的資料正受到保護,但背後究竟是什麼原理呢? 這就要先來談談...

鐵人賽 Modern Web DAY 4
Nuxt 3 學習筆記 系列 第 4 篇

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

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

鐵人賽 Modern Web DAY 6

技術 Angular TDD 測試從0到1: Day 6 Jasmine 介紹

當建立新的Angular專案時,已內建spec檔案,內容會長這樣: describe('Test Suite 測項大類描述', () => { //...

鐵人賽 Modern Web DAY 5

技術 [Day 5] Flex Panel Gallery

第五天的需求理解大致上有三件事情: 第一個部分為Flex的排版。 第二個部分為class樣式的切換,新增樣式跟移除樣式。 第三個部分為transition動畫...

鐵人賽 Modern Web DAY 7

技術 Day7 第一個房客,建立租戶

Day7 第一個房客,建立租戶 在『設計格局,Django 多租戶架構』我們已經把房間準備好了,接下來就來迎接第一個租戶吧! 多租戶指令說明 工欲善其事,必先利...

鐵人賽 Modern Web DAY 8

技術 [Day7] shadow DOM 的使用和問題

我曾經看過某一篇文章是這樣說明的。如果說custom element是web component的骨架,那shadow DOM就是web component的靈...

鐵人賽 Modern Web DAY 7

技術 [Day6] template and slot

如果各位有在使用Vue,看到這二個HTML Element會有種很熟悉的感覺。你沒看錯,Vue和web component在這裡也有許多共同之處。 HTML i...

鐵人賽 DevOps DAY 10

技術 Day10 - 踏出學習 Istio 的第一步,完成 Microservices 流量切換

前言 Istio 是個很強大的工具,但同時也有一定的學習成本,若是能將 Istio 駕輕就熟,就可以對 Microservices 流量做到很精細的控管。那我們...

鐵人賽 Software Development DAY 5
Rails Active Model 系列 第 5 篇

技術 D-5 Active Model 擴充功能 - Attributes - 2

上一篇講解過了 attribute 的用法,這次再講講預設值的設定只要在 attribute 的傳入參數加上 option default: (value),就...

鐵人賽 Modern Web DAY 5

技術 Day5 -介紹 VSCode 終端機和其指令

前情提要: 終端機的發明就是讓我們可以和電腦對話,運作方式就是我們要輸入指令,那指令有那麼多個到底要用哪一些呢,因此今天就要分享幾個我目前比較常用的指令給大家。...

鐵人賽 Modern Web DAY 4

技術 Day4:HTML-圖片

新增圖片 想要在網頁上放上圖片,需要用到<img>標籤,跟一般的標籤不同,<img>沒有起始和結束標籤,只需要單獨使用<img&g...

鐵人賽 Modern Web DAY 5

技術 Day 5 - 到Ruby世界不可不認識:雜湊

雜湊 Hash 這是個類似陣列的容器型資料型態,裡面的資料是一組一組相互對應,我們會稱為 key 跟 value,與陣列不同的是,這裡面沒有排序,不能透過[索引...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 Docker 的基礎架構

該文章同步發佈於:我的部落格 也歡迎關注我的 Facebook 以及 Instagram 接收軟體相關的資訊! 以及這個 30 天的 Docker 教學有出書...

鐵人賽 Mobile Development DAY 22

技術 Day22 賓果連線數計算完成!

上期我們測完了橫行的連線,這次要來偵測直行啦~~直行感覺上會比橫行還要難一些。 以第三層為例,之前是0、1、2,3、4、5,6、7、8,但現在要變成0、3、6,...

鐵人賽 Modern Web DAY 4

技術 【Day 04】QUIC 基本概念介紹

前言 今天會簡單介紹一些之後在文中可能會提到的專有名詞,雖然這次主題會牽涉到實作的 source code,但大部份內容還是需要搭配 RFC 的規格一起服用,才...

鐵人賽 Mobile Development DAY 5
通徹 Flutter 學習路徑 系列 第 5 篇

技術 通徹 Flutter 學習路徑 Day 05 - Flutter Layout 介紹

在 Flutter 中任何東西都是 Widgets !因此就算是 Layout 本身也是 Widgets 的一環。而其中包含上個章節所提到 Row 、 Colu...

鐵人賽 自我挑戰組 DAY 2

技術 Day4-能解省時間why not

定義函式 Python函式的結構包含def、函式名稱(function_name)、參數及主體敘述def function_name():主體敘述 函式名稱的命...

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

技術 [Day 4] 策略模式 (2)

第二個原則 接續昨天的問題,我們要來看如何更彈性的設計出這個架構!那要怎麼應用呢?書本提到了第二個原則: 針對"介面"而非"實作...

鐵人賽 Modern Web DAY 4
Node.js 從零開始 系列 第 4 篇

技術 Node.js- npm 基礎認識

何謂 npm npm 全名是 Node Package Manager 的縮寫,是 Node.js 預設的 node 套件管理平台,簡單來說可以當作是一個建立...

鐵人賽 Modern Web DAY 6

技術 [Day5] Custom element - life cycle(生命周期)

如果有使用過react或是Vue框架建構component的使用者都知道,不論是為了綁上或解綁事件,或是為了最大限度的加快render 整個Virtual DO...

鐵人賽 自我挑戰組 DAY 2

技術 Day3-我已陷入你的無窮迴圈裡

迴圈 迴圈是指重複執行某些事項,而迴圈敘述是由初值、終止值及條件運算式組成 while敘述 無窮迴圈:不會自行終止有條件迴圈:在條件符合時終止while 判斷條...

鐵人賽 Web 3 DAY 5

技術 Day5虛擬幣水龍頭的機制Part1

加入網站會員 每日固定額度 每日時間限制 防機器人認證 觀看廣告 填寫市調換點數 玩限定遊戲 搜尋很多的虛擬幣水龍頭網站,首先就是要求要註冊才能登入,透過填...

鐵人賽 Software Development DAY 4

技術 Day4 用很慢的速度開始理解GIT-LOCAL&REMOTE

GIT是什麼 完成環境建置後,終於要開始正題了! GIT是版本管理,版本管理的核心基本上是紀錄一個東西的狀態。當東西的每個狀態都被記錄,而且可以隨時復原到每個狀...

鐵人賽 Mobile Development DAY 8

技術 Android Studio 30天學習紀錄-Day8 ViewPager+TabLayout

今天要來提提有關ViewPager與TabLayout的應用,與先前介紹過的TabLayout+Fragment有點類似,但ViewPager多了一個可以滑動切...

鐵人賽 Modern Web DAY 5

技術 [Day4] Custom element - 像HTML Element一樣使用

不知道各位有沒有注意到,昨天的文章。在HTML中custom element看起來就像其他的html element一樣。是的,只看element本身,普通的h...

鐵人賽 Modern Web DAY 8

技術 [DAY08]甚麼是Hook?

昨天介紹完了JSX,今天我們繼續我們的學習,來看看甚麼是Hook吧! HOOK是甚麼? Hook的中文翻譯是[鉤子],顧名思義就是將東西鉤過來,那套用在程式結構...