I’ve been having a play around with Mutation Observers this morning, trying to work out when notifications happen and what happens when removing a node that was just added.
If you’re unfamiliar with Mutation Observers, they let you receive notifications when an element, or elements, have been modified in a particular way (here's an intro to Mutation Observers from Mozilla).
Consider this:
List moved
Please use https://github.com/bf4/learning to fork and pull changes.
| #!/bin/bash | |
| # Functions ============================================== | |
| # return 1 if global command line program installed, else 0 | |
| # example | |
| # echo "node: $(program_is_installed node)" | |
| function program_is_installed { | |
| # set to 1 initially | |
| local return_=1 |
| // `Object.make(..)` is a helper/wrapper for `Object.create(..)`. Both create a new | |
| // object, and optionally link that new object's `[[Prototype]]` chain to another object. | |
| // | |
| // But `Object.make(..)` makes sure the new object always has a `__proto__` property | |
| // (even a null one) and delegation to a `isPrototypeOf(..)` method, both of which are | |
| // missing from the bare object (aka "Dictionary") created by `Object.create(null)`. | |
| // | |
| // `isPrototypeOf()` is put on a extra object that your created object can delegate to, | |
| // if any only if you create an empty object (by not passing a `linkTo`) that otherwise | |
| // wouldn't have access to `isPrototypeOf()`. |
| <!DOCTYPE html> | |
| <meta charset=utf-8 /> | |
| <title>Defining JavaScript functions, the ES6 way</title> | |
| <h1>Defining JavaScript functions, the ES6 way</h1> | |
| <em>Use Firefox 22 (Firefox Nightly)</em> | |
| <script> |
| // This is in response to https://gist.github.com/Peeja/5284697. | |
| // Peeja wanted to know how to convert some callback-based code to functional | |
| // style using promises. | |
| var Promise = require('rsvp').Promise; | |
| var ids = [1,2,3,4,5,6]; | |
| // If this were synchronous, we'd simply write: |
| #!/bin/sh | |
| # Github -> Bitbucket | |
| # - Save this in /usr/local/bin as github-to-bitbucket | |
| # - Then: | |
| # cd /usr/local/bin | |
| # chmod u+x github-to-bitbucket | |
| # - Then restart your terminal | |
| # - You should now have a github-to-bitbucket command |
| # username = "my_username" | |
| # pwd = "my_password" | |
| # target_path = "my_target_path" | |
| # saving auth cookie | |
| system %Q{wget --save-cookies /tmp/cookie.txt --keep-session-cookies --post-data "username=#{username}&password=#{pwd}" -O - \ | |
| https://rubytapas.dpdcart.com/subscriber/login?__dpd_cart=d08391e6-5fe2-4400-8b27-2dc17b413027} | |
| (25..600).each do |i| |
This simple script will take a picture of a whiteboard and use parts of the ImageMagick library with sane defaults to clean it up tremendously.
The script is here:
#!/bin/bash
convert "$1" -morphology Convolve DoG:15,100,0 -negate -normalize -blur 0x1 -channel RBG -level 60%,91%,0.1 "$2"
| #!/bin/bash | |
| echo -n "gitsh% " | |
| while read line; do | |
| if [[ "$line" == ":exit" ]]; then | |
| exit | |
| fi | |
| sh -c "git $line" | |
| echo -n "gitsh% " |
