monochromer

## headless-chrome-pdf-async.js
/**
 * chrome-remote-interface: JavaScript API, обеспечивающее простую абстракцию для команд и уведомлений
 *
 * chrome-launcher: позволяет нам запускать Chrome из Node.js кроссплаторменно
 */

const chromeLauncher = require('chrome-launcher');
const CDP = require('chrome-remote-interface');
const file = require('fs');

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>View</title>
</head>
<body>

	<div id="app"></div>

## svg-notes.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                monochromer
                / svg-notes.md
            
            
              Last active
              January 16, 2019 18:49
            
              
                Заметки о SVG
              
          
    viewport

видимая часть холста, на которой отрисовывается SVG. Соответствует размерам svg-элемента. Размеры по-умолчанию - 300x150
viewBox (пользовательская область просмотра)

Для управление масштибированием и обрезкой.

если у SVG заданы размеры и viewBox, содержимое будет сжиматься и растягиваться с сохранением пропорций, чтобы поместиться целиком (аналог background-size: contain)
если у SVG нет размеров, но задан viewBox, изображение займёт собой всё доступное пространство.
preserveAspectRatio (не работает без viewBox) (пример - preserveAspectRatio="xMidYMid slice")


none - при изменении размеров содержимое масштабируется под размеры вьюпорта не сохраняя пропорции (будет полезно для резиновых фонов)


## es6-фишки.js
// Уникальный массив
const numbers = [1, 2, 1, 1, 2, 1, 3, 4, 1 ]
const uniq = [...new Set(numbers)] // => [ 1, 2, 3, 4 ]
const uniq2 = Array.from(new Set(numbers)) // => [ 1, 2, 3, 4 ]


// Обновление объекта в массиве по свойству
const initial = [ {id: 1, score: 1}, {id: 2, score: 2}, {id: 3, score: 4}]
const newValue = {id: 3, score: 3}
const updated = initial.map(x => x.id === newValue.id ? newValue : x)

## modal.js
    /**
     * Модальные окна
     */
    (function() {
        function Modal(elem, options) {
            this._id = elem.id || new Date();
            this.elem = elem;
            this.$elem = $(elem);
            this._isOpen = false;
        }

## dom-events.js
var events = {
  on: function() {
    var elem = arguments[0];
    var args = Array.prototype.slice.call(arguments, 1);
    elem.addEventListener.apply(elem, args);
  },

  off: function() {
    var elem = arguments[0];
    var args = Array.prototype.slice.call(arguments, 1);

## git-notes.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                monochromer
                / git-notes.md
            
            
              Last active
              March 22, 2024 06:02
            
              
                git notes
              
          
    GIT

Подготовка

git config --global user.name "Your Name"
git config --global user.email "your_email@whatever.com"

Для Unix


## code-splitting.jsx
// https://medium.freecodecamp.org/code-splitting-with-react-and-react-router-62e174382d4c

import React, { Component } from 'react'
import {
  BrowserRouter as Router,
  Route,
  Link,
} from 'react-router-dom'


## promise-patterns.js
/*
  conf: Falsy Values 2015
  author: Kornel Lesinski
  theme: And .then() what? Promise programming patterns
  link: https://www.youtube.com/watch?v=KrhQE8K2I7Q
*/

// 1 waterfall. Использование результатов предыдущих промисов
doFirst()
  .then(firstResult => {

## lazyRequireTask.js
// http://learn.javascript.ru/screencast/gulp

function lazyRequireTask(path) {
  var args = [].slice.call(arguments, 1);
  return function(callback) {
    var task = require(path).apply(this, args);
    return task(callback);
  };
}
	/**
	* chrome-remote-interface: JavaScript API, обеспечивающее простую абстракцию для команд и уведомлений
	*
	* chrome-launcher: позволяет нам запускать Chrome из Node.js кроссплаторменно
	*/

	const chromeLauncher = require('chrome-launcher');
	const CDP = require('chrome-remote-interface');
	const file = require('fs');
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>View</title>
	</head>
	<body>

	<div id="app"></div>
	// Уникальный массив
	const numbers = [1, 2, 1, 1, 2, 1, 3, 4, 1 ]
	const uniq = [...new Set(numbers)] // => [ 1, 2, 3, 4 ]
	const uniq2 = Array.from(new Set(numbers)) // => [ 1, 2, 3, 4 ]


	// Обновление объекта в массиве по свойству
	const initial = [ {id: 1, score: 1}, {id: 2, score: 2}, {id: 3, score: 4}]
	const newValue = {id: 3, score: 3}
	const updated = initial.map(x => x.id === newValue.id ? newValue : x)
	/**
	* Модальные окна
	*/
	(function() {
	function Modal(elem, options) {
	this._id = elem.id \|\| new Date();
	this.elem = elem;
	this.$elem = $(elem);
	this._isOpen = false;
	}
	var events = {
	on: function() {
	var elem = arguments[0];
	var args = Array.prototype.slice.call(arguments, 1);
	elem.addEventListener.apply(elem, args);
	},

	off: function() {
	var elem = arguments[0];
	var args = Array.prototype.slice.call(arguments, 1);
	// https://medium.freecodecamp.org/code-splitting-with-react-and-react-router-62e174382d4c

	import React, { Component } from 'react'
	import {
	BrowserRouter as Router,
	Route,
	Link,
	} from 'react-router-dom'
	/*
	conf: Falsy Values 2015
	author: Kornel Lesinski
	theme: And .then() what? Promise programming patterns
	link: https://www.youtube.com/watch?v=KrhQE8K2I7Q
	*/

	// 1 waterfall. Использование результатов предыдущих промисов
	doFirst()
	.then(firstResult => {
	// http://learn.javascript.ru/screencast/gulp

	function lazyRequireTask(path) {
	var args = [].slice.call(arguments, 1);
	return function(callback) {
	var task = require(path).apply(this, args);
	return task(callback);
	};
	}