First, watch the video.
Frogs distribution is defined purely randomly. It is done before the frog croaks and way before you decide where to go. Your decision can not change the initial distribution.
There are 8 cases:
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Async test</title> | |
| <meta charset="utf-8"> | |
| </head> | |
| <body> | |
| <pre></pre> | |
| <script> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>@document demo</title> | |
| <style> | |
| body { | |
| text-align: center; | |
| } | |
| .foo { | |
| margin: .5em; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| </head> | |
| <body> | |
| <div> | |
| <select id="type"> | |
| <option value="naive">Naive</option> | |
| <option value="onefill">Fill once</option> |
| // Nothing. |
| 'use strict'; // V8 only can only use block scopes in strict mode so far. | |
| var a = 42; // Variables outside may be defined in any way you want. | |
| { // The block starts. Yeah, we can just start a new block anywhere we want. | |
| let a = 'Oh, hi!'; // Define a block scoped variable using let. | |
| console.log(a); // Use it. | |
| } // The block ends, and all the block scoped variables dies. | |
| console.log(a); // Left untouched. |
First, watch the video.
Frogs distribution is defined purely randomly. It is done before the frog croaks and way before you decide where to go. Your decision can not change the initial distribution.
There are 8 cases:
On the slide: "Inserting like Google"
Today I'm going to talk about the embeds. It is when the page contains parts included from the third-party website.
On the slide: Weather forecast informer
| 'use strict'; | |
| const propNames = [ | |
| "canvas", | |
| "drawingBufferWidth", | |
| "drawingBufferHeight", | |
| "activeTexture", | |
| "attachShader", | |
| "bindAttribLocation", | |
| "bindBuffer", |
| <!-- 122 bytes --> | |
| <canvas id=a><svg onload=c=a.getContext`2d`;setInterval`for(a.width|=j=38;j--;c.arc(j*9,9,8,i+2,i--${i=40}1));c.stroke()`> |
| <title>Glitchy test</title> | |
| <body style=height:100%;margin:0;overflow:hidden bgcolor=0> | |
| <canvas id=a style=display:block;margin:auto> | |
| <script> | |
| var b = document.body; | |
| // Initing the webgl | |
| var gl = a.getContext('webgl'); | |
| gl.enable(gl.DEPTH_TEST); |