iT邦幫忙

好想工作室相關文章
共有 347 則文章
鐵人賽 自我挑戰組 DAY 25
Typescript 初心者手札 系列 第 25

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

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

鐵人賽 自我挑戰組 DAY 25

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

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

鐵人賽 Modern Web DAY 24

技術 實作無障礙網頁功能:無障礙定位點(導盲磚 `:::`)

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

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

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

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

鐵人賽 自我挑戰組 DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

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

技術 flex 1

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

鐵人賽 自我挑戰組 DAY 23

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

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

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

技術 【Day 23】TypeScript - 類別存取器(Accessors)

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

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

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

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

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

技術 替換元素 replaced element

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

鐵人賽 自我挑戰組 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,完全不知道還有這玩意...

鐵人賽 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 皆會參與行內...

鐵人賽 自我挑戰組 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) 摘...

鐵人賽 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)裡...