Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
11 Cards in this Set
- Front
- Back
Difference between progressive enhancement and graceful degradation? |
progressive enhancement gives special features to browsers who support it, graceful degradation doesn't break on browsers who don't support it (2 sides to the same coin) |
|
How to optimize assets/resources |
File concatenation (reduce get requests) File minification (reduce request sizes) CDN host (optimize location of get and server) caching (don't duplicate assets) |
|
3 ways to decrease page load |
serve right images (type, size) js at the bottom minimise http requests |
|
what does <bdo> do? |
stands for Bi-Directional Override, can take dir="rtl" to make text go right to left |
|
what does scoped attr in a <style> tag do? |
applies style to all children of scoped parent element |
|
what is FOUC and how to stop it |
Flash of Unstyled Content.
display:none style on .no-fouc in the head
remove the class w/ js in the </body> |
|
define: <script> <script async> <script defer>
|
<script> = runs as soon as it's loaded <script async> = runs async w rest of page <script defer> = runs when page has loaded |
|
why is it dangerous to define properties directly on prototypes, especially Object? |
because those properties will be inherited by many other objects |
|
what is a function declaration? |
Defines a named function variable without requiring variable assignment.
can't be nested in non-function blocks
function bar() { return 3; } |
|
what is a function expression? |
var bar = function() { return 3; } //anonymous function expression
(function sayHello() { alert("hello!"); })(); //self invoking function expression |
|
what is Hoisting? |
Function declarations and function variables are always moved to the top of their JS scope by the interpreter
variable declarations get hoisted but their assignment expressions don't. var bar = undefined |