lex111

export default {
   // Включает абстрактный компонент во Vue.
   // Это свойство не задокументировано и может измениться в любой момент,
   // но ваш компонент должен работать без него.
  abstract: true,
  
  // Входные параметры отлично работают в абстрактных компонентах!
  props: {
    threshold: {
      type: Array

orther

import R from 'ramda';
const items = [
  {id: 1, name: 'Al',       country: 'AA'},
  {id: 2, name: 'Connie',   country: 'BB'},
  {id: 3, name: 'Doug',     country: 'CC'},
  {id: 4, name: 'Zen',      country: 'BB'},
  {id: 5, name: 'DatGGboi', country: 'AA'},
  {id: 6, name: 'Connie',   country: 'AA'},
];

ljharb

Array Iteration

https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff

While attempting to explain JavaScript's reduce method on arrays, conceptually, I came up with the following - hopefully it's helpful; happy to tweak it if anyone has suggestions.

Intro

JavaScript Arrays have lots of built in methods on their prototype. Some of them mutate - ie, they change the underlying array in-place. Luckily, most of them do not - they instead return an entirely distinct array. Since arrays are conceptually a contiguous list of items, it helps code clarity and maintainability a lot to be able to operate on them in a "functional" way. (I'll also insist on referring to an array as a "list" - although in some languages, List is a native data type, in JS and this post, I'm referring to the concept. Everywhere I use the word "list" you can assume I'm talking about a JS Array) This means, to perform a single operation on the list as a whole ("atomically"), and to return a new list - thus making it mu

JawsomeJason

// reset
* {
  &,
  &:before,
  &:after {
    font: inherit;
    // -webkit-font-smoothing: antialiased;
    // font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

JawsomeJason

/// Helper for EQCSS Element Queries `@element`
/// 
/// @author Jason Featheringham
/// @link https://gist.github.com/thejase/d2107285b6e10315dd6bc055115647fe Code source
/// @link http://elementqueries.com/ Plugin to parse EQCSS
/// @link https://gist.github.com/tomhodgins/6237039fa07c2e4b7acd1c8b0f9549a9 EQCSS syntax
///
/// @param {String} $scope (&) - Optional scope.  Defaults to current context
/// @param {List} $conditions (()) - 1+ of Maps of EQCSS conditions
/// @content rules to enclose in element query

iAdramelk

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

1. Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.

2. Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

etheriqa

<?php

interface Worker
{
    public function getCommand();
    public function done($stdout, $stderr);
    public function fail($stdout, $stderr, $status);
}

Saicheg

#!/bin/bash
################
# Description:
# This script will take screenshot of your desktop
# or only active window ( running with -u param ),
# copy it to /Dropbox/Public/share/ with uniq name
# and save path to clipboard
#################
# Requirements: 
# Dropbox

edwardhotchkiss

var gm = require('gm');

var canvasWidth = 248;
var canvasHeight = 389;

gm(__dirname + '/original.jpg').size(function(error, size) {
  if (error) {
    console.error(error);

jlong

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"