SlideShare a Scribd company logo
1 of 101
Download to read offline
API
*
Devjelly






*
* !
*
SNS **
:)
* ** **
*
!
** URL
!
* 404
URL
onerror !
<img
src="http://instarstar.com/some.jpeg"
onerror="http://notfound.com/image.jpg"
alt=" "
/>
*
!
- -
!!
404
!
* .
*
!
.
onerror
!
, API
URL !
!
!
URL
!
?!! !!
**
!
**
!
API !!
->
->
! ( )
?!
!
xhr.request(“GET”, url)
= ..
!
…
!
..?
!
!
!
.. .. …
.. ..
.. !! !!
,
50
!
??
,
!
50 !
2.5 !
!!!!
!
.
.
..
1.
2.
3.
= .
CS
2
..
..
*
->
.
!
..
..
DOM IO .
10 10 , 20 20
…
..
~~
..
?
?
!
!
=
!
…?
!
HTTP Method
GET, POST, PUT, DELETE
HEAD .
HEAD HEADER
GET
HEAD
!!!
200
400 !
!
?
HEAD GET
100kB * 500
50MB
HEAD 100B * 500
50kB
50MB, 50kB
50000000B
>>>>>>>>>>>>>>>>>>>
50000B
500 50kB !
!
!
MDN ..
…
!
TTFB(Time to first byte)
,
.
,
*
! ( )
0. API ,
API
.
1. API
.
2.
IO .
..
3. Resource
GET ,
HEAD
.
.
await Promise.all([…])
IO
!
- -

More Related Content

What's hot

PSA CBSE X TEST WITH ANSWERS
PSA CBSE X TEST WITH ANSWERS PSA CBSE X TEST WITH ANSWERS
PSA CBSE X TEST WITH ANSWERS Bhavesh Desai
 
Xcode 11におけるXCUITestの挙動
Xcode 11におけるXCUITestの挙動Xcode 11におけるXCUITestの挙動
Xcode 11におけるXCUITestの挙動Kazuaki Matsuo
 
Manalisissistemas
ManalisissistemasManalisissistemas
Manalisissistemascgviviana
 
HCI, 2005 Las Vegas
HCI, 2005 Las VegasHCI, 2005 Las Vegas
HCI, 2005 Las VegasIlkka Kakko
 
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridas
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridasFrontInterior 2014: 10 dicas de desempenho para apps mobile hibridas
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridasLoiane Groner
 
Why your project's brand is more important than the code
Why your project's brand is more important than the codeWhy your project's brand is more important than the code
Why your project's brand is more important than the codeShane Curcuru
 
الثالث ع السيرة
الثالث ع السيرةالثالث ع السيرة
الثالث ع السيرةAhmed Farouk
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 
Global Medical Cures™ | New York Cancer Incidence Rates
Global Medical Cures™ | New York Cancer Incidence RatesGlobal Medical Cures™ | New York Cancer Incidence Rates
Global Medical Cures™ | New York Cancer Incidence RatesGlobal Medical Cures™
 
Acções acreditadas fevereiro 2012
Acções acreditadas fevereiro 2012Acções acreditadas fevereiro 2012
Acções acreditadas fevereiro 2012João Lima
 
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 

What's hot (14)

PSA CBSE X TEST WITH ANSWERS
PSA CBSE X TEST WITH ANSWERS PSA CBSE X TEST WITH ANSWERS
PSA CBSE X TEST WITH ANSWERS
 
Anatomi all ecg_emg
Anatomi all ecg_emgAnatomi all ecg_emg
Anatomi all ecg_emg
 
Xcode 11におけるXCUITestの挙動
Xcode 11におけるXCUITestの挙動Xcode 11におけるXCUITestの挙動
Xcode 11におけるXCUITestの挙動
 
Manalisissistemas
ManalisissistemasManalisissistemas
Manalisissistemas
 
HCI, 2005 Las Vegas
HCI, 2005 Las VegasHCI, 2005 Las Vegas
HCI, 2005 Las Vegas
 
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridas
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridasFrontInterior 2014: 10 dicas de desempenho para apps mobile hibridas
FrontInterior 2014: 10 dicas de desempenho para apps mobile hibridas
 
Why your project's brand is more important than the code
Why your project's brand is more important than the codeWhy your project's brand is more important than the code
Why your project's brand is more important than the code
 
الثالث ع السيرة
الثالث ع السيرةالثالث ع السيرة
الثالث ع السيرة
 
Daf bait
Daf baitDaf bait
Daf bait
 
Calendario cimat2012
Calendario cimat2012Calendario cimat2012
Calendario cimat2012
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 12 (ΕΚΤΥΠΩΣΗ)
 
Global Medical Cures™ | New York Cancer Incidence Rates
Global Medical Cures™ | New York Cancer Incidence RatesGlobal Medical Cures™ | New York Cancer Incidence Rates
Global Medical Cures™ | New York Cancer Incidence Rates
 
Acções acreditadas fevereiro 2012
Acções acreditadas fevereiro 2012Acções acreditadas fevereiro 2012
Acções acreditadas fevereiro 2012
 
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 5 - ΔΟΜΕΣ ΕΠΑΝΑΛΗΨΗΣ (ΕΚΤΥΠΩΣΗ)