iT邦幫忙

好想工作室相關文章
共有 217 則文章
鐵人賽 自我挑戰組 DAY 22
前端新手進化史 系列 第 22

技術 替換元素 replaced element

前言 替換元素雖然預設為 display: inline,但又與一般常見的 inline element 不同,準確來說,它是 inline-level ele...

鐵人賽 自我挑戰組 DAY 22

技術 JS 將陣列 Array 重新排列的 sort()

Day 22 一堆樸克牌攤在眼前,要照花色排還是大小來排?隨你高興。 sort()是個很好用的陣列方法,凡是要把陣列裡面的元素,照我們想排列的方式重新排列都...

鐵人賽 Modern Web DAY 22

技術 實作無障礙網頁功能:頁籤 Tabs

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 21
前端新手進化史 系列 第 21

技術 旋轉吧 rotate3d

今天不看 spec 哈哈,來現學現賣熱騰騰剛學到的新招式~ 以前很俗的只知道一般的 rotate,完全不知道還有這玩意兒 簡單做幾個小 demo 測試測試~...

鐵人賽 Modern Web DAY 21

技術 實作無障礙網頁功能:表格(Table)原來可以補充的語義這麼多!

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 21
Typescript 初心者手札 系列 第 21

技術 【Day 21】TypeScript 類別 -存取修飾符(Access Modifiers)、抽象( Abstract)

昨天簡單的介紹了類別的基本用法和繼承概念,今天來繼續探討類別中蠻重要的功能-存取修飾符(Access Modifiers)以及abstract關鍵字。 存取修飾...

鐵人賽 自我挑戰組 DAY 21

技術 JS 隨意修、刪、改的陣列 Array 方法 splice()

Day 21 這邊刪一下、那邊加一下,阿不,從後面改起!主管,可不可以不要這樣玩來玩去嗎? splice 中文為拼接。可以藉由刪除原來有的元素並/或加入新元...

鐵人賽 Modern Web DAY 20

技術 實作無障礙網頁功能:今天沒有拖棚之表單 radio,要選就只選我吧!

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 20
前端新手進化史 系列 第 20

技術 淺談 line box 高度

前言 所有 inline-level elements 所生成的 inline-level boxes 皆會參與行內格式化上下文(IFC),在 IFC 佈局環境...

鐵人賽 自我挑戰組 DAY 20
Typescript 初心者手札 系列 第 20

技術 【Day 20】TypeScript 資料型別 - 類別(Class)

總算來到了類別 Class(撒花~) 每天邊學邊寫 TypeScript 20天好像才來到真正的重點哈。在使用 React 函式庫進行開發時,經常會使用 ES6...

鐵人賽 自我挑戰組 DAY 20

技術 輕鬆淺拷貝的陣列 Array 方法 slice()

Day 20 老闆,幫我切一段香腸,從第三節到第六節,你手握著的那節不要。謝謝! slice 的英文是切片或擷取,我們生活中常用的像是:「slice of...

鐵人賽 Modern Web DAY 19

技術 實作無障礙網頁功能:全都要不行嗎...之 checkbox 複選元件

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 19
前端新手進化史 系列 第 19

技術 視覺格式化模型 - 行內格式化上下文(IFC)

前言 所有元素(element)都可以生成盒子(box),什麼類型的元素,生成什麼類型的盒子,盒子可以裝盒子,整個版面都是盒子!這些盒子依照自己所屬的格式化上...

鐵人賽 自我挑戰組 DAY 19
Typescript 初心者手札 系列 第 19

技術 【Day 19】TypeScript 介面(Interface) v.s. 型別別名(Type Alias)

昨天初步介紹了 TS 介面以及如何宣告,但昨天在研究介面的時候,心中一直有個疑惑,介面怎麼和之前提到的型別別名(Type Alias)有點像,究竟有什麼差別呢?...

鐵人賽 自我挑戰組 DAY 19

技術 JS 合併陣列 Array 的方法 concat()

人生像是一列火車,旅程中總是會搭載著不同貨物,走得越遠掛載的越多,包括肥肉。 圖片來源:www.unsplash.com / Dibyendu Sekha...

鐵人賽 自我挑戰組 DAY 18
前端新手進化史 系列 第 18

技術 視覺格式化模型-塊格式化上下文(BFC)

在先前的文章中提到不少次「BFC」,今天就來看看 BFC 是什麼,它又有什麼用處~ 塊格式化上下文 (BFC) 摘自 W3C In a block for...

鐵人賽 Modern Web DAY 18

技術 實作無障礙網頁功能:輪播圖 Carousel

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 18

技術 JS 從陣列 Array 的開頭刪除元素

Day 18 別把我頭上的角取下來,這樣我就被 Shift 了。不過也好,這樣我看起來會比較正常。 前一篇我們認識了從陣列的頭部加上一個或多個元素的unsh...

鐵人賽 自我挑戰組 DAY 18
Typescript 初心者手札 系列 第 18

技術 【Day 18】TypeScript 資料型別 - 介面(Interface)宣告與屬性

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 通用型別的使用情境為何? 如果有點不清楚答案的話,可以看看 Day17 的文章喔! 介面概念 TS...

鐵人賽 Modern Web DAY 17

技術 實作無障礙網頁功能:超連結還能怎樣無障礙呢?

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 17
前端新手進化史 系列 第 17

技術 視覺格式化模型-格式化上下文

前言 所有元素(element)都可以生成盒子(box),什麼類型的元素,生成什麼類型的盒子,盒子可以裝盒子,整個版面都是盒子!這些盒子依照自己所屬的格式化上下...

鐵人賽 自我挑戰組 DAY 17

技術 JS 從陣列 Array 的開頭新增元素

Day 17 頭和腳的關係如此微妙,一個思考一個執行,但對程式的陣列來說,都只是陣列的一部分而已,很公平。 接下來我們會分兩天,聊聊從陣列的開頭(前面)新增...

鐵人賽 自我挑戰組 DAY 17
Typescript 初心者手札 系列 第 17

技術 【Day 17】TypeScript 資料型別 - 通用型別(Generic Types)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: any 和 unknown 型別的差別為何? 倘若希望 TypeScript 編譯時禁止隱性推論 any...

鐵人賽 Modern Web DAY 17
鉄人28号FX 系列 第 17

技術 鉄人28号FX 鉄人17号「垂直虎」vertical-align

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 森林橋 [???]: 能真正駕馭此屬性,才是如虎添翼啊。( 哈哈!!傲慢樣。) 傳送卷軸,建議先向 鉄人16...

鐵人賽 Modern Web DAY 16

技術 實作無障礙網頁功能:真・button —— RWD 漢堡選單應用

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 16
前端新手進化史 系列 第 16

技術 position

position 語法 position: static | relative | absolute | fixed 接下來將逐一介紹屬性值的意義。 s...

鐵人賽 Modern Web DAY 16
鉄人28号FX 系列 第 16

技術 鉄人28号FX 鉄人16号「行高怪」line-height

★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸,建議先向 鉄人2号「文本士」收集資料,此章為進階續文。 顯示峽谷森林位置圖 方向感為零摸索前進著。 峽谷森林 [行高怪...

鐵人賽 自我挑戰組 DAY 16
Typescript 初心者手札 系列 第 16

技術 【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: never 和 void 的差異為何? never 是所有型別的子型別,這會讓 never 擁有什麼特性...

鐵人賽 自我挑戰組 DAY 15
前端新手進化史 系列 第 15

技術 視覺格式化模型-Box generation(下)

匿名塊盒子 (Anonymous block boxes) 由於 塊容器盒(block container box) 「只能裝塊級盒子(block-leve...

鐵人賽 Modern Web DAY 15
鉄人28号FX 系列 第 15

技術 鉄人28号FX 鉄人15号「間距蟻」letter-spacing, word-spacing, line-height

★ 地圖西北方未知區域 ↓↓↓ 第一次踏上遠程。還真新奇。 按照地圖指示, 會先經過峽谷森林,繼續再往東前行, 就到了村長所說目的地: ——雷奧鎮。 顯示峽谷森...