Please enable JavaScript.
Coggle requires JavaScript to display documents.
Frontend (Principles (Architecture (Libs, Monorepos, Microfrontends,…
Frontend
Principles
-
-
-
-
-
-
-
-
Same origine policy
-
Chrome without CORS check: open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security
Just-in-Time (JIT), compiles your app in the browser at runtime.
Ahead-of-Time (AOT), compiles your app at build time on the server.
JS
-
-
-
-
The biggest limitation of JavaScript is that it is slow as JavaScript Engine needs to read, parse and process the JavaScript textual “Abstract Syntax Tree”. Another problem with JavaScript is that it is Single-Threaded and cannot take advantage of modern hardware (e.g. Multi-Core, GPU). As a result, many computation-intensive applications (e.g. Games, 3-D graphics) cannot run on the browser.
Hoisting suggests that variable and function declarations are physically moved to the top of your code, but this is not in fact what happens. Instead, the variable and function declarations are put into memory during the compile phase, but stay exactly where you typed them in your code.
-
Performance
Image optimization
- mozjpeg
- pngquant
- BrowserSync
- imagemin - lib with node.js
Compression: lossy (GIF, JPG, lose quality, smaller size)
Browser support: https://css-tricks.com/using-webp-images/ <picture>
<source srcset="img/awesomeWebPImage.webp" type="image/webp">
<source srcset="img/creakyOldJPEG.jpg" type="image/jpeg">
<img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>
-
-
-
-
-
-
-
CSS
-
-
- transform
- hover
- before
- link
- visited
supports
-
-
-
-
-
-
-
-
-
-
-