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

2 Like 0 留言 3268 瀏覽

鐵人賽自我挑戰組 DAY 25

Typescript 初心者手札系列第 25 篇

技術【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

昨天學習了如何建立 React 加 TypeScript 的開發環境，但是在嘗試開發的過程中，發現還有一些很重要的觀念需要了解，模組就是其中之一。在 React...

Kira ‧ 2019-10-10 ‧團隊好想工作室 v3.0

2 Like 2 留言 23545 瀏覽

鐵人賽自我挑戰組 DAY 25

JavaScript之一定要了解的 Array 與方法系列第 25 篇

技術 JS 把陣列 Array 轉成字串的 toString()

Day 25 我不想理你是歐洲人、美洲人、非洲人或哪國人，我就是要說中文。常常聽到人家說 JavaScript 是弱型別語言，剛開始學程式的時候真的有點一...

tsuifei ‧ 2019-10-10 ‧團隊好想工作室 v3.0

2 Like 0 留言 7891 瀏覽

鐵人賽 Modern Web DAY 24

實踐無障礙網頁設計（Web Accessibility）系列第 24 篇

技術實作無障礙網頁功能：無障礙定位點（導盲磚 `:::`）

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

Askie Lin ‧ 2019-10-09 ‧團隊好想工作室 v3.0

2 Like 0 留言 15180 瀏覽

鐵人賽自我挑戰組 DAY 24

Typescript 初心者手札系列第 24 篇

技術【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

今天開始來探討如何使用 TS 結合 React 進行開發，要開發一個專案，最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...

Kira ‧ 2019-10-09 ‧團隊好想工作室 v3.0

2 Like 1 留言 9828 瀏覽

鐵人賽自我挑戰組 DAY 24

JavaScript之一定要了解的 Array 與方法系列第 24 篇

技術 JS 把陣列 Array 所有元素併成字串，且可任意穿插符號的 join()

Day 24 插隊也不能插成這樣，我們之間總是可以插點花什麼的。不知道大家有沒有吃過義大利的千層麵，一層麵皮一層蕃茄餡料，然後再一層麵皮一層蕃茄餡料，直到...

tsuifei ‧ 2019-10-09 ‧團隊好想工作室 v3.0

1 Like 0 留言 2133 瀏覽

鐵人賽 Modern Web DAY 23

實踐無障礙網頁設計（Web Accessibility）系列第 23 篇

技術實作無障礙網頁功能：此 Switch 非彼 Switch，可訪問的雙狀態開關作法。

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

Askie Lin ‧ 2019-10-08 ‧團隊好想工作室 v3.0

1 Like 0 留言 1403 瀏覽

鐵人賽自我挑戰組 DAY 23

前端新手進化史系列第 23 篇

技術 flex 1

文章將陸續整理並更新至個人部落格。前言先前介紹格式化上下文(formatting context)時，曾說到 container box 會為其內容...

yachen ‧ 2019-10-08 ‧團隊好想工作室 v3.0

1 Like 0 留言 10127 瀏覽

鐵人賽自我挑戰組 DAY 23

JavaScript之一定要了解的 Array 與方法系列第 23 篇

技術 JS 可讓陣列 Array 反過來的 reverse()

Day 23 倒立一點都不稀奇，只要使用一點魔法，我也可以倒著走。今天要來講一個很輕鬆的陣列方法，它可以把陣列反轉過來，而且和上一篇介紹的sort()ㄧ樣...

tsuifei ‧ 2019-10-08 ‧團隊好想工作室 v3.0

4 Like 1 留言 8174 瀏覽

鐵人賽自我挑戰組 DAY 23

Typescript 初心者手札系列第 23 篇

技術【Day 23】TypeScript - 類別存取器（Accessors）

在 TS 中類別有些屬性，我們希望只在類別內部操作，這時候會使用 private 修飾符，如此，該屬性就無法在外部存取，提高資料的安全性。但如果這時候，我們想要...

Kira ‧ 2019-10-08 ‧團隊好想工作室 v3.0

3 Like 0 留言 16244 瀏覽

鐵人賽自我挑戰組 DAY 22

Typescript 初心者手札系列第 22 篇

技術【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

在前兩天的文章中都有提到類別繼承(Class Interitance)的概念，使用的是extends關鍵字，今天會再深入探討並加上討論類別實踐(Class Im...

Kira ‧ 2019-10-07 ‧團隊好想工作室 v3.0

1 Like 0 留言 2587 瀏覽

鐵人賽自我挑戰組 DAY 22

前端新手進化史系列第 22 篇

技術替換元素 replaced element

文章將陸續整理並更新至個人部落格。前言替換元素雖然預設為 display: inline，但又與一般常見的 inline element 不同，準確...

yachen ‧ 2019-10-07 ‧團隊好想工作室 v3.0

5 Like 0 留言 34144 瀏覽

鐵人賽自我挑戰組 DAY 22

JavaScript之一定要了解的 Array 與方法系列第 22 篇

達標好文技術 JS 將陣列 Array 重新排列的 sort()

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

tsuifei ‧ 2019-10-07 ‧團隊好想工作室 v3.0

1 Like 0 留言 1949 瀏覽

鐵人賽 Modern Web DAY 22

實踐無障礙網頁設計（Web Accessibility）系列第 22 篇

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

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

Askie Lin ‧ 2019-10-07 ‧團隊好想工作室 v3.0

2 Like 0 留言 3433 瀏覽

鐵人賽自我挑戰組 DAY 21

前端新手進化史系列第 21 篇

技術旋轉吧 rotate3d

文章將陸續整理並更新至個人部落格。今天不看 spec 哈哈，來現學現賣熱騰騰剛學到的新招式～以前很俗的只知道一般的 rotate，完全不知道還有這玩意...

yachen ‧ 2019-10-06 ‧團隊好想工作室 v3.0

2 Like 0 留言 4620 瀏覽

鐵人賽 Modern Web DAY 21

實踐無障礙網頁設計（Web Accessibility）系列第 21 篇

技術實作無障礙網頁功能：表格（Table）原來可以補充的語義這麼多！

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

Askie Lin ‧ 2019-10-06 ‧團隊好想工作室 v3.0

3 Like 0 留言 3651 瀏覽

鐵人賽自我挑戰組 DAY 21

Typescript 初心者手札系列第 21 篇

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

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

Kira ‧ 2019-10-06 ‧團隊好想工作室 v3.0

3 Like 1 留言 35460 瀏覽

鐵人賽自我挑戰組 DAY 21

JavaScript之一定要了解的 Array 與方法系列第 21 篇

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

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

tsuifei ‧ 2019-10-06 ‧團隊好想工作室 v3.0

1 Like 1 留言 8181 瀏覽

鐵人賽 Modern Web DAY 20

實踐無障礙網頁設計（Web Accessibility）系列第 20 篇

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

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

Askie Lin ‧ 2019-10-05 ‧團隊好想工作室 v3.0

1 Like 0 留言 2938 瀏覽

鐵人賽自我挑戰組 DAY 20

前端新手進化史系列第 20 篇

技術淺談 line box 高度

文章將陸續整理並更新至個人部落格。前言所有 inline-level elements 所生成的 inline-level boxes 皆會參與行內...

yachen ‧ 2019-10-05 ‧團隊好想工作室 v3.0

4 Like 0 留言 2712 瀏覽

鐵人賽自我挑戰組 DAY 20

Typescript 初心者手札系列第 20 篇

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

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

Kira ‧ 2019-10-05 ‧團隊好想工作室 v3.0

3 Like 0 留言 13425 瀏覽

鐵人賽自我挑戰組 DAY 20

JavaScript之一定要了解的 Array 與方法系列第 20 篇

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

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

tsuifei ‧ 2019-10-05 ‧團隊好想工作室 v3.0

1 Like 0 留言 6157 瀏覽

鐵人賽 Modern Web DAY 19

實踐無障礙網頁設計（Web Accessibility）系列第 19 篇

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

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

Askie Lin ‧ 2019-10-04 ‧團隊好想工作室 v3.0

2 Like 1 留言 1392 瀏覽

鐵人賽自我挑戰組 DAY 19

前端新手進化史系列第 19 篇

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

文章將陸續整理並更新至個人部落格。前言所有元素(element)都可以生成盒子(box)，什麼類型的元素，生成什麼類型的盒子，盒子可以裝盒子，整個版...

yachen ‧ 2019-10-04 ‧團隊好想工作室 v3.0

10 Like 0 留言 24466 瀏覽

鐵人賽自我挑戰組 DAY 19

Typescript 初心者手札系列第 19 篇

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

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

Kira ‧ 2019-10-04 ‧團隊好想工作室 v3.0

2 Like 2 留言 12582 瀏覽

鐵人賽自我挑戰組 DAY 19

JavaScript之一定要了解的 Array 與方法系列第 19 篇

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

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

tsuifei ‧ 2019-10-04 ‧團隊好想工作室 v3.0

1 Like 0 留言 1570 瀏覽

鐵人賽自我挑戰組 DAY 18

前端新手進化史系列第 18 篇

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

文章將陸續整理並更新至個人部落格。在先前的文章中提到不少次「BFC」，今天就來看看 BFC 是什麼，它又有什麼用處～塊格式化上下文 (BFC) 摘...

yachen ‧ 2019-10-03 ‧團隊好想工作室 v3.0

1 Like 0 留言 4437 瀏覽

鐵人賽 Modern Web DAY 18

實踐無障礙網頁設計（Web Accessibility）系列第 18 篇

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

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

Askie Lin ‧ 2019-10-03 ‧團隊好想工作室 v3.0

1 Like 0 留言 6265 瀏覽

鐵人賽自我挑戰組 DAY 18

JavaScript之一定要了解的 Array 與方法系列第 18 篇

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

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

tsuifei ‧ 2019-10-03 ‧團隊好想工作室 v3.0

2 Like 1 留言 4630 瀏覽

鐵人賽自我挑戰組 DAY 18

Typescript 初心者手札系列第 18 篇

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

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

Kira ‧ 2019-10-03 ‧團隊好想工作室 v3.0

4 Like 0 留言 2224 瀏覽

鐵人賽自我挑戰組 DAY 17

前端新手進化史系列第 17 篇

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

文章將陸續整理並更新至個人部落格。前言所有元素(element)都可以生成盒子(box)，什麼類型的元素，生成什麼類型的盒子，盒子可以裝盒子，整個版...

yachen ‧ 2019-10-02 ‧團隊好想工作室 v3.0

技術 【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

技術 JS 把陣列 Array 轉成字串的 toString()

技術 實作無障礙網頁功能：無障礙定位點（導盲磚 `:::`）

技術 【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

技術 JS 把陣列 Array 所有元素併成字串，且可任意穿插符號的 join()

技術 實作無障礙網頁功能：此 Switch 非彼 Switch，可訪問的雙狀態開關作法。

技術 flex 1

技術 JS 可讓陣列 Array 反過來的 reverse()

技術 【Day 23】TypeScript - 類別存取器（Accessors）

技術 【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

技術 替換元素 replaced element

達標好文 技術 JS 將陣列 Array 重新排列的 sort()

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

技術 旋轉吧 rotate3d

技術 實作無障礙網頁功能：表格（Table）原來可以補充的語義這麼多！

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

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

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

技術 淺談 line box 高度

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

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

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

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

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

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

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

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

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

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

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

標記使用者

技術【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

技術實作無障礙網頁功能：無障礙定位點（導盲磚 `:::`）

技術【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

技術實作無障礙網頁功能：此 Switch 非彼 Switch，可訪問的雙狀態開關作法。

技術【Day 23】TypeScript - 類別存取器（Accessors）

技術【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

技術替換元素 replaced element

達標好文技術 JS 將陣列 Array 重新排列的 sort()

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

技術旋轉吧 rotate3d

技術實作無障礙網頁功能：表格（Table）原來可以補充的語義這麼多！

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

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

技術淺談 line box 高度

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

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

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

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

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

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

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

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

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