Day16. UI 實戰篇：Combo Box

September 25, 2020

190

Day16. UI 實戰篇：Combo Box

第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte

Kalan

September 25, 2020

Tweet

More Decks by Kalan

See All by Kalan

單頁式應用中的無障礙設計

0

770

選擇 Svelte 的三個理由 - JSDC

0

340

Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21

0

160

状態管理を楽にする道

1

360

Day25. 如何解析 HTML 語法

0

140

Day24. Svelte 如何編譯程式碼（2）

0

190

Svelte 如何編譯程式碼（1）

0

180

Day22. Svelte 經驗談

0

160

Day18. UI 實戰篇 - 圖片檢視器

0

150

Other Decks in Programming

See All in Programming

エラーって何種類あるの？

5

140

Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC

2

490

「兵法」から見る質とスピード

0

260

コードに語らせよう――自己ドキュメント化が内包する楽しさについて / Let the Code Speak

6

1.4k

生成AIで日々のエラー調査を進めたい

0

520

Gleamという選択肢

6

700

ReadMoreTextView

1

360

ワンバイナリWebサービスのススメ

10

7.7k

事業戦略を理解してソフトウェアを設計する

22

5.9k

Bytecode Manipulation 으로 생산성 높이기

1

290

ASP.NETアプリケーションのモダナイズインフラ編

1

210

Parallel::Pipesの紹介

2

910

Featured

See All Featured

Practical Tips for Bootstrapping Information Extraction Pipelines

20

1.3k

Designing Experiences People Love

142

24k

RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub

137

34k

VelocityConf: Rendering Performance Case Studies

329

24k

The MySQL Ecosystem @ GitHub 2015

251

13k

GitHub's CSS Performance

1031

460k

Embracing the Ebb and Flow

86

4.7k

Six Lessons from altMBA

28

3.8k

Writing Fast Ruby

628

61k

Principles of Awesome APIs and How to Build Them.

126

17k

Why Our Code Smells

337

57k

Art, The Web, and Tiny UX

299

21k

Transcript

第 12 屆 IT 鐵⼈賽 30 天從 0 到 1
學 Svelte Day16 - UI 實戰篇：下拉式組合⽅塊 Combo Box
第 12 屆 IT 鐵⼈賽應⽤情景使⽤者選擇清單中的某⼀項，並提供搜尋功能
第 12 屆 IT 鐵⼈賽功能可以輸入部分⽂字作匹配可點擊下拉選單選項改變輸入值 text 選項
1 選項 2 選項 3 選項 4 選項 5
第 12 屆 IT 鐵⼈賽進階功能使⽤者可以⽤鍵盤操作選項按下 Enter 後確認選項
按下 ESC 後關閉選單 Accessibility 的⽀援 combobox, listbox