| Array.from(document.querySelectorAll('a[href^="http://imagetwist.com"]')) | |
| .forEach(link => link.setAttribute('href', link.getAttribute('href').replace(/^http/, 'https'))); |
| #! /usr/bin/python | |
| ''' | |
| Move or copy files from subdirectories of specified directories into them or into current directory | |
| and optionally remove the empty subdirectories (in case of moving). | |
| TODO: add exception handling. | |
| ''' | |
| import sys |
| # Say you have a directory containing thousands of subdirectories. And you want to remove all empty ones. | |
| # NOTE: It is not recursive. | |
| for d in *; do [[ -d "${d}" ]] && [[ `ls "${d}" | wc -l` = "0" ]] && rmdir -v "${d}"; done |
| html, | |
| body, | |
| #page-container { | |
| width: 100vw; | |
| height: 100vh; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { |
| // A very basic web server in node.js | |
| // Stolen from: Node.js for Front-End Developers by Garann Means (p. 9-10) | |
| var port = 8000; | |
| var serverUrl = "127.0.0.1"; | |
| var http = require("http"); | |
| var path = require("path"); | |
| var fs = require("fs"); | |
| var checkMimeType = true; |
| <!DOCTYPE html> | |
| <html lang="ru"> | |
| <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"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Drag-n-drop на чистом JS</title> | |
| </head> | |
| <body> |
| function createProgrammer(name) { | |
| const programmer = { name }; | |
| return { | |
| ...programmer, | |
| ...canCode(programmer) | |
| }; | |
| } | |
| function canCode({ name }) { | |
| return { |
This is a small Rangeslider library. It's probably not production ready yet (i.e. not been tested in a production project), therefore it's just a Gist and not a fully-blown GitHub repo.
I created this because no existing library met all my criteria:
| // Arbitrarily nested object containing Promises goes in | |
| // Plain data structure comes out | |
| async function deepAsync (object) { | |
| // Walk arrays | |
| if (Array.isArray(object)) { | |
| return Promise.all(object.map(async item => await deepAsync(item))) | |
| // Walk objects | |
| } else if (object instanceof Object) { | |
| return Object |
Vue events don't bubble the component tree themselves. However when writing wrapper components this can be the desired behaviour.
This code registers a global bubble directive which allows to re-emit all given events:
Let's say we want to bubble events start, accelerate and brake of our component Car.
Without any help, we'd roughly have to do this: