View permutations.html
<!DOCTYPE html> | |
<html lang="en-us"> | |
<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>itertools.permutations in vanilla JavaScript</title> | |
</head> | |
<body> | |
<p>Check Developer Tools Console (Chrome) or Web Developer Web Console (Firefox) </p> |
View index.html
<!doctype html> | |
<html lang="eng"> | |
<!-- | |
--> | |
<head> | |
<meta charset="utf-8"/> | |
<title>Transform Benchmark</title> | |
<style> | |
p { | |
font: 1.25em monospace; |
View index.html
<!doctype html> | |
<html lang="eng"> | |
<!-- | |
Originally: | |
https://elixirforum.com/t/passing-json-between-simple-reactjs-and-phoenix-elixir/19799/6 | |
See also: | |
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#Embedding_data_in_HTML | |
--> | |
<head> |
View children.html
<!doctype html> | |
<html lang="eng"> | |
<!-- | |
Based on: Getting Your Head Around Vue.js Scoped Slots - Anthony Gore | |
https://vuejsdevelopers.com/2017/10/02/vue-js-scoped-slots/ | |
https://codepen.io/anthonygore/pen/zExPZX | |
--> | |
<head> | |
<meta charset="utf-8"/> | |
<title>"Slots" in Preact using children prop</title> |
View es2015.js
window._log('ECMAScript 2015 - with classes but no modules'); |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<!-- | |
"A progressive disclosure component" | |
https://piccalil.li/tutorial/a-progressive-disclosure-component | |
with regular-elements | |
https://github.com/WebReflection/regular-elements | |
instead of a web component | |
--> | |
<head> |
View index.html
<!doctype html> | |
<html lang="eng"> | |
<head> | |
<meta charset="utf-8"/> | |
<title>useInitializer</title> | |
</head> | |
<body> | |
<script type="module"> | |
import { html, render, useState } from '//unpkg.com/htm/preact/standalone.mjs'; |
View 01before.html
<!doctype html> | |
<html lang="eng"> | |
<head> | |
<meta charset="utf-8"/> | |
<title>useCallback alternative BEFORE</title> | |
</head> | |
<body> | |
<script type="module"> | |
import { | |
html, render, useState, useCallback |
View index.html
<!doctype html> | |
<html lang="eng"> | |
<!-- | |
"A progressive disclosure component" | |
https://hankchizljaw.com/wrote/a-progressive-disclosure-component/ | |
with wickedElements | |
https://github.com/WebReflection/wicked-elements |
View fizzbuzz01.js
/* | |
**Very Rough** approximation of | |
fizzbuzz :: Int → String | |
fizzbuzz n = (test 3 "fizz" ◦ test 5 "buzz") id (show n) | |
where | |
test d s x | n ‘mod‘ d ≡ 0 = const (s ++ x "") | |
| otherwise = x | |
test :: Int → String → (String → String) → String → String |
NewerOlder