Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript Practices
Search
Ryan Chung
May 22, 2020
Technology
0
100
JavaScript Practices
Ryan Chung
May 22, 2020
Tweet
Share
More Decks by Ryan Chung
See All by Ryan Chung
MovieBot Development
ryan403
0
300
Design Voice-First Games for Alexa
ryan403
0
63
AI Teaching Talk
ryan403
0
120
Cognitive Service
ryan403
0
100
jQuery & API Practices
ryan403
0
140
CSS Practices
ryan403
1
160
Web Programming - Lesson 6
ryan403
1
620
Web Programming - Lesson 7
ryan403
1
630
Web Programming - Lesson 5
ryan403
1
430
Other Decks in Technology
See All in Technology
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
130
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
1
160
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
78k
自動テストのコストと向き合ってみた
qa
0
210
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
250
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Where will it converge?
ibknadedeji
0
200
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
110
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
2
590
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
140
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
150
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
130
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Designing for Performance
lara
610
69k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
RailsConf 2023
tenderlove
30
1.2k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Scaling GitHub
holman
463
140k
Transcript
1 JavaScript 補充練習
2 常見滑鼠/鍵盤事件 事件 描述 onclick 點擊 ondblclick 按兩下 onmousedown 在該元件上按下滑鼠鍵
onmousemove 在該元件上移動滑鼠 onmouseover 滑鼠進入該元件範圍 onmouseout 滑鼠離開該元件範圍 onmouseup 在該元件上釋放滑鼠鍵 事件 描述 onkeydown 實體鍵盤被按下 onkeypress 有字元被輸入 onkeyup 實體鍵盤被放開
3 框架/物件事件 事件 描述 onload 檔、物件被載入 onscroll 文件捲動 onabort 取消載入
onerror 載入錯誤 onresize 大小被改變 onunload 離開該頁面、進入新頁面、重新整理
4 表單事件 事件 描述 onblur 用戶離開聚焦在該項目 onchange 內容被改變(選項勾選、下拉選單…) onfocus 用戶聚焦在該項目
onreset 恢復預設資料 onselect 選取了一些文字 onsubmit 送出表單
5 練習:小人物回家
6 index.html
7 style.css
8 main.js
9 計時器 • setTimeout( ):特定時間之後做什麼事情(一次) • clearTimeout( ):解除setTimeout • setInterval(
):每隔多少時間之後做什麼事情(反復) • clearInterval( ):解除setInterval
10 練習:密碼鎖炸彈
11 index.html
12 style.css
13 main.js