bajzarpa

#!/bin/bash

convert_to_webp() {
    for file in "$@"; do
        if [[ $file == *.png ]]; then
            filename=$(basename -- "$file")
            filename="${filename%.*}"
            ffmpeg -i "$file" -compression_level 6 "${filename}.webp"
        elif [[ $file == *.jpg ]]; then
            filename=$(basename -- "$file")

bajzarpa

const LegacyVuexOptionAdapter = {
  install(Vue) {
    Vue.mixin({
      beforeCreate() {
        vuexAdapterInit.call(this, Vue);
      },
    });

    // option merging
    const merge = Vue.config.optionMergeStrategies.computed;

bajzarpa

// npm install md5 --save
import md5 from 'md5';

let gravatarModule = angular.module('gravatar', [])
  .directive('gravatar', () => {

    const DEFAULT_AVATAR = "http://www.gravatar.com/avatar/000?s=200";
    const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    let isEmail = (email) => EMAIL_REGEX.test(email);

bajzarpa

var fs = require('fs');
var glob = require('glob');

glob('/Modules/**/Views/', function(err, file) {
  file.forEach(function(file) {
    var filePath = file.split('/');

    fs.link(file, 'target/path/' + filePath[filePath.length-3], function() {});
  });
});

bajzarpa

.

bajzarpa

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()