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
98
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
54
AI Teaching Talk
ryan403
0
110
Cognitive Service
ryan403
0
96
jQuery & API Practices
ryan403
0
130
CSS Practices
ryan403
1
150
Web Programming - Lesson 6
ryan403
1
610
Web Programming - Lesson 7
ryan403
1
620
Web Programming - Lesson 5
ryan403
1
420
Other Decks in Technology
See All in Technology
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
200
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
380
ビズリーチにおけるリアーキテクティング実践事例 / JJUG CCC 2025 Spring
visional_engineering_and_design
1
120
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
150
Operating Operator
shhnjk
1
590
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
1
17k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集!
lycorptech_jp
PRO
0
110
OPENLOGI Company Profile
hr01
0
67k
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
10
4.5k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Building Applications with DynamoDB
mza
95
6.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Docker and Python
trallard
44
3.5k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
4 Signs Your Business is Dying
shpigford
184
22k
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