iT邦幫忙

14th鐵人賽相關文章
共有 19442 則文章
鐵人賽 Web 3 DAY 5

技術 Day 5 Constants & Import

Constants 一種在 Script 和 Module 中共享靜態值的方法,必須在編譯時就確認值,該值存在編譯的 Module or Script 中 (無...

鐵人賽 Modern Web DAY 30
菜鳥30日自學SASS及SCSS 系列 第 30 篇

技術 【D-3 0】進階Sass的顏色函數(2)

HSL()函數 H:hue(色相)、S:saturation(飽和度)、L:lightness(亮度) hsl($hue,$saturation,$lig...

鐵人賽 Modern Web DAY 29
菜鳥30日自學SASS及SCSS 系列 第 29 篇

技術 【D-2 9】進階Sass的顏色函數(1)

RGB()顏色函數 R:red(紅色)、G:green(綠色)、B:blue(藍色)。 在SASS中有以下6種RGB函數: rgb($red,$gree...

鐵人賽 Modern Web DAY 28
菜鳥30日自學SASS及SCSS 系列 第 28 篇

技術 【D-2 8】進階Sass的Maps 函數(2)

今日將介紹4種 Introspection()函數:5.map-merge($map1,$map2)函數6.map-remove($map,$key)函數7.k...

鐵人賽 Modern Web DAY 27
菜鳥30日自學SASS及SCSS 系列 第 27 篇

技術 【D-2 7】進階Sass的Maps 函數(1)

今日將介紹4種 Introspection()函數:1. map-get($map,$key) 函數2. map-has-key($map,$key)函數3....

鐵人賽 自我挑戰組 DAY 1
Kotlin 隨寫 系列 第 1 篇

技術 Day1 - Kotlin 的語言原則 - 務實

其實這個二鐵是不小心報錯又找不到地方刪掉。所以就來寫個,也不知道會寫幾天。作為一個多年的 Java 後端工程師,轉變到使用 Kotlin 最大的感受是這個語言的...

鐵人賽 Modern Web DAY 26
菜鳥30日自學SASS及SCSS 系列 第 26 篇

技術 【D-2 6】進階Sass的Introspection()函數、Miscellaneous()函數

>Introspection()函數:主要用來對值做一個判斷。 今日將介紹4種 Introspection()函數:1. type-of() 函數2. unit...

鐵人賽 Modern Web DAY 25
菜鳥30日自學SASS及SCSS 系列 第 25 篇

技術 【D-2 5】進階Sass的列表函數(2)

今日將介紹3種列表函數:1. append()函數2. zip()函數3. index()函數 append()函數 將某個值插入到列表最末位。 例如: /...

鐵人賽 Modern Web DAY 24
菜鳥30日自學SASS及SCSS 系列 第 24 篇

技術 【D-2 4】進階Sass的列表函數(1)

今日將介紹3種列表函數:1. length()函數2. nth()函數3. join()函數 length()函數 返回一個列表的長度值,需用空格隔開。 例...

鐵人賽 Modern Web DAY 23
菜鳥30日自學SASS及SCSS 系列 第 23 篇

技術 【D-2 3】進階Sass的數字函數(2)

今日將介紹4種數字函數:1. abs()函數2. min()函數3. max()函數4. random()函數 1.abs()函數 幫一個數值加上絕對值,使其...

鐵人賽 Modern Web DAY 22
菜鳥30日自學SASS及SCSS 系列 第 22 篇

技術 【D-2 2】進階Sass的數字函數(1)

今日將介紹4種數字函數:1. percentage()函數2. round()函數3. ceil()函數4. floor()函數 1.percentage()函...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16 初探Key

雜亂無章的資料經過正規化(Normalization),產生出不同資料對應的不同資料表(Table),但是每個資料表(Table)彼此之間需要認得彼此,才不會原...

鐵人賽 Modern Web DAY 21
菜鳥30日自學SASS及SCSS 系列 第 21 篇

技術 【D-2 1】進階Sass的字符串函數(2)

str-length()函數 讀取字符串後計算字數多少。 例如: // scss // .test { text1: str-length(hello)...

鐵人賽 Modern Web DAY 20
菜鳥30日自學SASS及SCSS 系列 第 20 篇

技術 【D-2 0】進階Sass的字符串函數(1)

字符串函數是用來處理字符串的函數。 unquote()函數 刪除字符串中的引號。如果這個字符串沒有帶有引號,將返回原始的字符串。 例如: // scss...

鐵人賽 Modern Web DAY 19
菜鳥30日自學SASS及SCSS 系列 第 19 篇

技術 【D-19】進階Sass的控制命令 (@while、@each)

@while @while <true> {}當 while 後面的條件為 true 時則迴圈會繼續執行,反之則終止。但需特別注意,while迴圈...

鐵人賽 Modern Web DAY 18
菜鳥30日自學SASS及SCSS 系列 第 18 篇

技術 【D-18】進階Sass的控制命令 (@for)

@for @for 在 sass 中有兩種方式可以循環: $var:為自行設定的參數 start:為迴圈起始值 end:為迴圈值結束值 @for $va...

鐵人賽 Modern Web DAY 17
菜鳥30日自學SASS及SCSS 系列 第 17 篇

技術 【D-17】進階Sass的控制命令 (@if、@else)

@if 如果條件為 true 則返回一個樣式塊,反之 false 返回另一個樣式塊。 // scss // @mixin avatar($size, $c...

鐵人賽 Modern Web DAY 16
菜鳥30日自學SASS及SCSS 系列 第 16 篇

技術 【D-16】Sass 運算 (顏色、字符)

顏色運算 所有算數運算都支持顏色值,並採用分段運算。 // scss // p { color: #020403 + #070301; } 編| 02...

鐵人賽 Modern Web DAY 15
菜鳥30日自學SASS及SCSS 系列 第 15 篇

技術 【D-15】SASS 數學運算加減乘除

在數學運算中,只允許 單位相同 的數值進行運算。如:無法同時對 px 與 em 進行運算。 加減法 (+ , -) 在變量或屬性中都可以做加減法運算。需特...

鐵人賽 Modern Web DAY 14
菜鳥30日自學SASS及SCSS 系列 第 14 篇

技術 【D-14】插值#{}

通常是指變數插值,或者變數替換。插值幾乎可以在 Sass 樣式表中的任何地方使用。 例如: // scss // @mixin generate-sizes...

鐵人賽 Modern Web DAY 3
angular專案開發指南 系列 第 3 篇

技術 Angular 檔案結構介紹

快速開始 安裝 Angular CLI npm install -g @angular/cli 查看是否安裝完成 ng version 查看目前版本的angu...

鐵人賽 自我挑戰組 DAY 1
AI人工智慧探討 系列 第 1 篇

技術 序:開啟人工智慧探討之旅

前言:現代,人工智慧被提及的頻率跟需求率越來越高,也是一個越來越需要重視的議題,甚至現在學校的必修課程也有了人工智慧的課程。這學期又因為課程的關係知道了it邦幫...

鐵人賽 Modern Web DAY 13
菜鳥30日自學SASS及SCSS 系列 第 13 篇

技術 【D-13】比較:混入 、 繼承、佔位符

混入(@mixin) 壓縮程式碼段落,將程式碼帶入到對應的樣式代碼,可帶入變數。但不會自動合併相同的樣式代碼,如果在樣式文件中引用同一個混合,會產生多個對應的樣...

鐵人賽 自我挑戰組 DAY 12
CSS 面試趣 系列 第 12 篇

技術 Day 12 - 什麼是 Overflow?

Overflow 為 Interview Bit的第 46 題。 介紹 overflow 控制對太大而區域無法容納的內容的處理方式。 overflow 屬性...

鐵人賽 自我挑戰組 DAY 5

技術 【Day5】老菜雞學下樓梯遊戲之判斷碰撞/經過物件&標籤Tag

前言 昨天學到讓物件變成一個實體的樣子,並學會了物體與物體的碰撞,接著要繼續學如何用程式碼去判斷物件。 程式判斷碰撞物件- OnCollisionEnter2...

鐵人賽 DevOps DAY 7
從認識Docker到精通 系列 第 7 篇

技術 第七天-Multi-stage build

再進入docker volume之前,讓我們來看看 multi-stage dockerfile 這個寫dockerfile 的方式吧! 一樣又是gett...

鐵人賽 IT管理 DAY 1

達標好文 技術 【Day1】IT 的infra Team到底在做什麼呢?

一般人對Infra的印象就是管理公司網路、電腦、伺服器的資訊人員。甚至大部人只知道MIS,並不清楚MIS還有依工作職責去區分許多類別。網路上對infra有很多解...

鐵人賽 Mobile Development DAY 1

技術 Day 01 - 挖坑還須填坑人

會想寫這篇主要是因為學校開發的行動 APP 不太好用,而且 APP 本身功能很少,大部分都是跳轉至外部瀏覽器或內嵌網頁的功能,反應速度也很慢。俗話說的好:「長江...

鐵人賽 Modern Web DAY 1

技術 Day1: 這一切怎麼開始的

各位好!這是本人第一次參加IT邦幫忙的活動,以前朝聖這項活動許久,也聽過許多大神推薦,今年總算有機會可以以一個菜鳥(?身份去參加這項活動。順便介紹一下我自己~本...

鐵人賽 自我挑戰組 DAY 4

技術 Day4 來把拼圖弄出來

昨天有了隔線,接著就是要弄拼圖出來 首先先定義一些顏色 gem_imgs = { 'blue': (0, 0, 255), 'red': (25...