Skip to content

Instantly share code, notes, and snippets.

View Akiyamka's full-sized avatar
🏠
Working from home

Alexander CherryTea Akiyamka

🏠
Working from home
30 followers · 3 following
View GitHub Profile
@Akiyamka
Akiyamka / workerAsServise.js
Created July 13, 2018 08:28
function toBlob(func) {
const funcString = func.toString();
const code = funcString.substring(
funcString.indexOf('{') + 1,
funcString.lastIndexOf('}'),
);
const blob = new Blob([code], { type: 'application/javascript' });
return URL.createObjectURL(blob);
}
@Akiyamka
Akiyamka / query
Created July 18, 2018 09:31
startQuery() {
return Promise.all([
this._createCampaign(this.$models),
this._createCreative(this.$models),
]).then(resps => {
this.setStore('campaign', resps[0]);
this.setStore('creative', resps[1]);
return this._createStrategy(this.$models, this.$store)
}).then(strategy => {
this.setStore('strategy', strategy);
@Akiyamka
Akiyamka / index.html
Created July 23, 2018 09:13
<div id="cont" data-precent="100">
<svg id="svg" width="200" height="200" viewPort="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
<circle id="bar" r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
</svg>
</div>
<label for="percent">Type a percent!</label>
<input id="percent" name="percent">
@Akiyamka
Akiyamka / manifest.md
Last active September 7, 2018 12:17

Reducing Boilerplate

Упрощаем action creator:

Центральный элемент redux - action. Выглядит он примерно так:

{
 type: ADD_TODO,
@Akiyamka
Akiyamka / migratiom.md
Last active September 13, 2018 12:48
D3 migration tips (3 -> 5)
@Akiyamka
Akiyamka / sign-in.md
Last active September 30, 2018 18:37
Firebase Authentification

Для того чтобы залогинить существующего пользователя воспользуйтесь методом signInWithEmailAndPassword

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});
@Akiyamka
Akiyamka / apollo.js
Last active October 10, 2018 16:27
const { ApolloServer, gql } = require('apollo-server');
const { libraryAPI, bankAPI } = require('./mocks');
const typeDefs = gql`
type Book {
title: String
author: Author
}
@Akiyamka
Akiyamka / blend-mode-polyfill.js
Created November 9, 2018 10:13
blend-mode-polyfill
/**
* @author Boggddan <github.com/boggddan>
* Запускается в браузерах которые не поддерживают свойство background-blend-mode.
* Полифил применяется к тегам помеченым атрибутом `data-background-blend-mode` в свойтвах которого нужно передать режим смешивания.
* Поддерживается: normal, multiply, lighten, screen, darken. (протестировано в IE 11)
* @example: <div data-background-blend-mode="multiply"></div>
*/
/* Element.prepend polyfill for IE 11 */
function prependPolyfill() {
@Akiyamka
Akiyamka / googleSheetJSON.js
Last active November 23, 2018 21:34
fetchGoogleSheet
const https = require('https');
const { StringDecoder } = require('string_decoder');
/**
* Simple Node.js script to turn a specific page on a Google Sheet
* into a JSON object for the main purpose of HTML Templating.
*
* @author jonobr1 / http://jonobr1.com
* @author akiyamka / [email protected]
*
@Akiyamka
Akiyamka / example.js
Last active December 3, 2018 10:01
svg path parser
function createSVG(d) {
const xmlns = "http://www.w3.org/2000/svg";
const boxWidth = 300;
const boxHeight = 300;
const svgElem = document.createElementNS(xmlns, "svg");
svgElem.setAttributeNS(null, "viewBox", "0 0 " + boxWidth + " " + boxHeight);
svgElem.setAttributeNS(null, "width", boxWidth);
svgElem.setAttributeNS(null, "height", boxHeight);
svgElem.setAttributeNS(null, "fill", "none");