- Oct 2018
-
github.com github.com
Tags
Annotators
URL
-
-
mathiasbynens.github.io mathiasbynens.github.io
-
-
stackoverflow.com stackoverflow.com
-
stackoverflow.com stackoverflow.com
-
www.snee.com www.snee.com
-
www2012.universite-lyon.fr www2012.universite-lyon.fr
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
-
Components.js is a dependency injection framework for JavaScript applications. Instead of hard-wiring software components together, Components.js allows these components to be instantiated and wired together declaratively using semantic configuration files. The advantage of these semantic configuration files is that software components can be uniquely and globally identified using URIs. Configurations can be written in any RDF serialization, such as JSON-LD. This software is aimed for developers who want to build modular and easily configurable and rewireable JavaScript applications.
-
-
developer.mozilla.org developer.mozilla.org
-
www.npmjs.com www.npmjs.comweb-ext1
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.org
-
web-ext run --target=firefox-android ... --firefox-apk=org.mozilla.firefox
-
-
davidwalsh.name davidwalsh.name
-
-
www.w3.org www.w3.org
-
-
-
-
javascriptvisualizer.com javascriptvisualizer.com
-
A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript
-
-
blog.sheddow.xyz blog.sheddow.xyz
Tags
Annotators
URL
-
-
slicker.me slicker.me
-
<html> <body style='background-color:black'> <canvas id="myCanvas" width="800" height="340"></canvas> <script> let canvas = document.getElementById('myCanvas'); let context = canvas.getContext('2d'); context.lineWidth = 5; context.strokeStyle = 'gray' context.beginPath(); for(let x=0;x<28;x++){ context.moveTo(x*40-304,0); context.lineTo(x*40+20,340); context.moveTo(x*40,0); context.lineTo(x*40-324,340); } context.stroke(); context.fillStyle = 'white'; for(let x=0;x<20;x++) for(let y=0;y<9;y++){ context.beginPath(); context.arc(8+x*40, y*42-9, 3, 0, 2 * Math.PI); context.arc(28+x*40, y*42-29, 3, 0, 2 * Math.PI); context.fill(); } </script> </body> </html>
-
-
heycam.github.io heycam.github.ioWeb IDL1
-
This document defines an interface definition language, Web IDL, that can be used to describe interfaces that are intended to be implemented in web browsers. Web IDL is an IDL variant with a number of features that allow the behavior of common script objects in the web platform to be specified more readily.
-
-
www.npmjs.com www.npmjs.com
Tags
Annotators
URL
-
-
www.npmjs.com www.npmjs.com
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.org
-
developer.mozilla.org developer.mozilla.org
-
developers.google.com developers.google.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
-
n0tan3rd.github.io n0tan3rd.github.io
Tags
Annotators
URL
-
-
github.com github.com
-
-
scotch.io scotch.io
Tags
Annotators
URL
-
-
developers.google.com developers.google.com
Tags
Annotators
URL
-
-
javascriptweekly.com javascriptweekly.com
-
-
-
-
www.echojs.com www.echojs.com
-
-
www.w3.org www.w3.org
-
-
developers.google.com developers.google.com
-
levelup.gitconnected.com levelup.gitconnected.com
-
wicg.github.io wicg.github.io
Tags
Annotators
URL
-
-
-
-
github.com github.com
-
launch a web worker that can require() in the browser with browserify
Tags
Annotators
URL
-
-
50linesofco.de 50linesofco.de
-
Workers, transferable objects and SharedArrayBuffer
-
-
jimrottinger.github.io jimrottinger.github.io
Tags
Annotators
URL
-
-
2ality.com 2ality.com
Tags
Annotators
URL
-
-
benignbemine.github.io benignbemine.github.io
-
Before we begin, it’s important to understand that the ES6 tail call optimization is an optimization implemented by the interpreter. ES6 does not specify new syntax for denoting tail call optimization
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.org
-
encoding.spec.whatwg.org encoding.spec.whatwg.org
-
-
developer.mozilla.org developer.mozilla.org
-
developer.mozilla.org developer.mozilla.org
-
The ReadableStream interface of the Streams API represents a readable stream of byte data. The Fetch API offers a concrete instance of a ReadableStream through the body property of a Response object.
-
-
streams.spec.whatwg.org streams.spec.whatwg.org
-
-
jakearchibald.com jakearchibald.com
Tags
Annotators
URL
-
- Sep 2018
-
codeburst.io codeburst.io
Tags
Annotators
URL
-
-
www.discoversdk.com www.discoversdk.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
-
www.valentinog.com www.valentinog.com
Tags
Annotators
URL
-
-
www.toptal.com www.toptal.com
-
survivejs.com survivejs.comTesting1
Tags
Annotators
URL
-
-
www.jscheck.org www.jscheck.orgJSCheck1
-
Douglas Crockford 2018-08-24 JSCheck is a testing tool for JavaScript. It was inspired by QuickCheck, a testing tool for Haskell developed by Koen Claessen and John Hughes of Chalmers University of Technology. JSCheck is a specification-driven testing tool. From a description of the properties of a system, function, or object, it will generate random test cases attempting to disprove those properties, and then report its findings. That can be especially effective in managing the evolution of a program because it can show the conformance of new code to old code. It also provides an interesting level of self-documentation, because the executable specifications it relies on can provide a good view of the workings of a program.
-
-
nightwatchjs.org nightwatchjs.org
-
Nightwatch.js is an easy to use Node.js based End-to-End (E2E) testing solution for browser based apps and websites. It uses the powerful W3C WebDriver API to perform commands and assertions on DOM elements.
-
-
hackernoon.com hackernoon.com
Tags
Annotators
URL
-
-
codeutopia.net codeutopia.net
-
Let’s think of some properties for the rectangle area function: Given any two width and height values, the result is always a multiple of the two Order doesn’t matter. A rectangle which is 50×100 has the same area as one which is 100×50 If we divide the area by width, we should get the height Here we have three examples of how we can verify the test result for any given input without having to know the inputs up front. All of these should always hold true for any given valid input.
-
-
spin.atomicobject.com spin.atomicobject.com
-
jsverify.github.io jsverify.github.io
-
JSVerify is a property-based testing library, highly inspired by QuickCheck. It is testing framework agnostic, you could use JSVerify with Mocha, nodeunit, Jasmine or any other framework.
-
-
flaviocopes.com flaviocopes.com
-
-
github.com github.com
Tags
Annotators
URL
-
-
dev.to dev.to
Tags
Annotators
URL
-
-
michelenasti.com michelenasti.com
-
const sq = require('sqorn-pg')() const kid = sq.from`person`.where`age < 13`
function hello(name) { console.log(
How are you ${name}
); }// The convention is to write the string right // after the function name... hello
Michele
//-> How are you Michele//...but you can put a space too hello
Michele
//-> How are you Michele
-
-
-
var el; var i = 0; var fragment = document.createDocumentFragment(); while (i < 200) { el = document.createElement('li'); el.innerText = 'This is my list item number ' + i; fragment.appendChild(el); i++; } div.appendChild(fragment);
-
-
stackoverflow.com stackoverflow.com
-
The fastest (): while (node.lastChild) { node.removeChild(node.lastChild); } Alternatives (slower): while (node.firstChild) { node.removeChild(node.firstChild); } while (node.hasChildNodes()) { node.removeChild(node.lastChild); }
-
-
www.sitepoint.com www.sitepoint.com
-
-
exploringjs.com exploringjs.com
-
-
css-tricks.com css-tricks.com
-
let root = document.documentElement; root.addEventListener("mousemove", e => { root.style.setProperty('--mouse-x', e.clientX + "px"); root.style.setProperty('--mouse-y', e.clientY + "px"); });
Tags
Annotators
URL
-
-
dev.to dev.to
-
-
github.com github.com
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.orgWorker1
Tags
Annotators
URL
-
-
fetch.spec.whatwg.org fetch.spec.whatwg.org
-
- Jun 2018
-
github.com github.com
Tags
Annotators
URL
-
- Sep 2017
-
developingthoughts.co.uk developingthoughts.co.uk
-
Building a Maybe in JavaScript
js functional programming
-
- May 2017
-
github.com github.com
-
"who's the target of the assignment (LHS)" and "who's the source of the assignment (RHS)".
LHS is looking for the target of that assignment whiel RHS is looking for the source!
-
- Jan 2017
-
stackoverflow.com stackoverflow.com
-
var jq = document.createElement('script'); jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type (or see below for non wait option) jQuery.noConflict();
Add jQuery in the console!
-
- Jul 2016
-
developers.google.com developers.google.comMarkers1
-
origin: new google.maps.Point(0, 0),
like if you want a sprite you would specify a different origin
-
-
-
To put it simply, JavaScript uses undefined and programmers should use null.
-
-
cdn.cs50.net cdn.cs50.net
-
$
alias for literally, "jQuery"
-
#
go get w/e element has a unique id of "symbol"
-
return false;"
we return false because by default we submit to the same webpage, and if we submit to the page then the page reloads-- not what we're looking for here
-
<form onsubmit="quote(); return false;">
is an event handler
IT handles the event of a submission. :)
-
- Nov 2015
-
walterbender.github.io walterbender.github.io
-
Turtle blocks
Tags
Annotators
URL
-
- Oct 2015
-
blog.mgechev.com blog.mgechev.com
-
Some interesting notes on combining Angular 1.x with immutable data structures for better performance.
-
-
jlongster.com jlongster.com
-
Great article on the state of immutable data structures in JS and using them with React and Redux
-
- Sep 2015
-
www.addyosmani.com www.addyosmani.com
-
Should you wish to learn more about the language, I am happy to recommend the following titles: JavaScript: The Definitive Guide by David Flanagan Eloquent JavaScript by Marijn Haverbeke JavaScript Patterns by Stoyan Stefanov Writing Maintainable JavaScript by Nicholas Zakas JavaScript: The Good Parts by Douglas Crockford
-
- Jul 2015
-
d3js.org d3js.org
-
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
cool
-
-
www.youtube.com www.youtube.com
-
Netflix JavaScript Talks - Async JavaScript with Reactive Extensions
"Design Patterns, Elements of Reusable Object-Oriented Software"
Iterator Pattern
Pulling data, one by one.
Observer Pattern
See Pub-Sub, Event-Emitter. Give a callback to a data producer.
-
-
github.com github.com
-
simple-peer
Alternatives (?!):
Tags
Annotators
URL
-
- Jun 2015
-
www.html5rocks.com www.html5rocks.com
-
Note: I'm unconvinced of Promise.race's usefulness; I'd rather have an opposite of Promise.all that only rejects if all items reject.
This is hurting my brain. Can we just use a meta-promise that fulfills when rejected, and reject when fulfilled in order to achieve that?
Tags
Annotators
URL
-
- May 2015
-
webodf.org webodf.orgWebODF1
-
WebODF is a JavaScript library that makes it easy to add Open Document Format (ODF) support to your website and to your mobile or desktop application. It uses HTML and CSS to display ODF documents.
-