tech, noted

The Vue.js example webpack config prefixed the devtool option with a hashmark (”#”), I hadn’t seen that before. 

devtool: '#eval-source-map',

Apparently it enforces a pragma style. It’s documented in the old Webpack docs.

In JavaScript RegExp.exec() and String.match() should be interchangeable so long as the inputs are the same. Right?

const pat = /(dog).*(bird)/g; const str = 'dog cat bird'; const foo = str.match(pat); const bar = pat.exec(str);

Right, so why are foo and bar different?

foo is an array containing the original string. That's it. Not what I was expecting;

['dog cat bird']

bar contains the expected, complete RegExp result:

['dog cat bird', 'dog', 'bird', index: 0, input: 'dog cat bird']

What happened?*

That little g flag at the end of the RegExp? It completely changes the behavior of String.match. From MDN's String.match docs:

If the regular expression does not include the g flag, str.match() will return the same result as RegExp.exec(). The returned Array has an extra input property, which contains the original string that was parsed. In addition, it has an index property, which represents the zero-based index of the match in the string.

If the regular expression includes the g flag, the method returns an Array containing all matched substrings rather than match objects. Captured groups are not returned. If there were no matches, the method returns null.

In 21 years of JavaScript, I never saw that before now.

If you ever end up converting a boostrap v3 row div to flexbox, be sure to remove the :before pseudo-element or you might waste a non-trivial amount of time wondering why flexbox wasn't working right.

Some things that might happen (These seem especially common on Safari, macOS and iOS)

justify-content: flex-start doesn't touch the start (because there's a hidden element in the way)

flex-wrap: wrap might appear to wrap too soon, leaving an odd number of elements on the first line. It's working right, it's just adding the hidden element into the caclulation.

The solution is to remove the pseudo-element from the document by overriding its style with content: none;:

Adobe CEF Helper

1.29 GB Real Memory for a background process. This blew up over the past few hours, I already killed the process once today.

Update: Now in my crontab:

❤️