| { | |
| // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations. | |
| // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp | |
| // List of extensions which should be recommended for users of this workspace. | |
| "recommendations": [ | |
| "formulahendry.auto-close-tag", | |
| "mikestead.dotenv", | |
| "vincaslt.highlight-matching-tag", | |
| "xabikos.javascriptsnippets", |
If we have the following structure in our application:
And we fill our index.php with the following content just to get a basic website with a form working. You should be able to run this through a php-server of your choice.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>px vs em vs rem</title> | |
| <style> | |
| html { |
| import React, { Component } from "react"; | |
| import logo from "./logo.svg"; | |
| import "./App.css"; | |
| class App extends Component { | |
| constructor(props) { | |
| super(props); | |
| this.state = { | |
| newItem: "", | |
| list: [] |
| import React, { Component } from "react"; | |
| import logo from "./logo.svg"; | |
| import "./App.css"; | |
| class App extends Component { | |
| constructor(props) { | |
| super(props); | |
| this.state = { | |
| newItem: "", | |
| list: [] |
| // A more functional memoizer | |
| //We can beef up our module by adding functions later | |
| var Memoizer = (function(){ | |
| //Private data | |
| var cache = {}; | |
| //named functions are awesome! | |
| function cacher(func){ | |
| return function(){ | |
| var key = JSON.stringify(arguments); |
| /* | |
| Closures cannot access the arguments object of the parent, | |
| but, because functions are first class objects, we can pass a function as a parameter. | |
| The closure can now access the arguments object of the function that is passesd as a parameter. | |
| So, there is no confusion as to which arguments object we want the closure to access. | |
| We're basically taking advantage of its limitations | |
| */ | |
| function demoMemo(func){ | |
| //we must return a function in order to keep state | |
| //this will be more apparant in a recursive example |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script> | |
| <meta name="description" content="Three.js Custom AxisHelper Axis Arrows" /> | |
| <meta charset="utf-8" /> | |
| <title>Three.js Custom AxisHelper Axis Arrows</title> | |
| <style> | |
| #container { | |
| background: #000000; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <!--<script src="https://getfirebug.com/firebug-lite-debug.js"></script>--> | |
| <meta name="description" content="Three.js Earth and Moon Orbit #2" /> | |
| <meta charset="utf-8" /> | |
| <title>Three.js Earth and Moon Orbit #2</title> | |
| <style> | |
| #container { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>Three.js Earth and Moon Orbit #1</title> | |
| </head> | |
| <body> |
