As recommended by JavaScript Playground.

add:

{
    "preferGlobal":true,
 "bin":{

• string
  • .chars.count: block receives each char and method will return the number of truthy results
  • .split
  • .each_char: block called for each char with the current char as the argument
  • .with_index: when used with .each_char, will add a second argument, index, passed to the block
• number
  • .even?/.odd?
  • .abs
  • .floor, .ceil, .round

I really wanted a way to create resized images on the fly just by specifying the size of the image in the request URL. So, if I had the image kitty.jpg but wanted to resize it to be 100px by 100px, would simply request kitty-100x100.jpg, the server would realize it doesn't exists and create it, and the resized image would be returned to me.

I was following this guide written by John Pignata. It is an interesting solution and fit my needs but I did run into some caveats. Below are some of the gotchas I encountered.

• document.querySelector(): returns first matching element
• document.querySelectorAll(): returns all matching elements
• document.getElementById(id)

• addEventListener(event, cb)
• appendChild(node)
• childNodes
• classList

Given the folloowing code:

class Jedi {
  @observable firstName = "";
  @observable lastName = "";

  constructor(options) {