Skip to content

Instantly share code, notes, and snippets.

View FoxMalder's full-sized avatar
:octocat:
Working from home

FoxMalder

:octocat:
Working from home
View GitHub Profile

Задание

Необходимо реализовать страницу вывода списка товаров, и возможностью добавления/удаления товаров в списке. Ссылка на макет

Требование к стеку и исполнению

  • Верстка должна совпадать с макетами.
  • Проект должен быть выполнен с использованием Vue3
  • Для реализации допустимо использование сборщика.
  • При выполнении работы не разрешается использовать никакие UI библиотеки.
  • В секции template не разрешается использовать HTML препроцессоры.
@FoxMalder
FoxMalder / tsconfig.json
Created February 24, 2021 10:33 — forked from KRostyslav/tsconfig.json
tsconfig.json с комментариями.
// Файл "tsconfig.json":
// - устанавливает корневой каталог проекта TypeScript;
// - выполняет настройку параметров компиляции;
// - устанавливает файлы проекта.
// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".
@FoxMalder
FoxMalder / user.js
Created February 6, 2021 18:35 — forked from brothermechanic/user.js
user.js
//
/******************************************************************************
* user.js *
* https://github.com/pyllyukko/user.js *
******************************************************************************/
/******************************************************************************
* SECTION: HTML5 / APIs / DOM *
******************************************************************************/
@FoxMalder
FoxMalder / mocha_vs_jasmine.md
Created January 30, 2021 18:54 — forked from monolithed/mocha_vs_jasmine.md
Mocha vs. Jasmine

Почему Mocha, а не Jasmine?

Ниже будут приведены аргументы в пользу выбора Mocha

  • Высокая популярность:
    — 4m против 400k загузок в месяц

  • Высокая активность:
    — 1 890 против 1400 коммитов (всего)
    — 171 против 101 коммитов (последний год)

@FoxMalder
FoxMalder / debounce.md
Created January 10, 2021 19:29 — forked from zmts/debounce.md
Vue.js: lodash debounce

Vue.js: Lodash debounce

<input v-on:input="debounceInput">

methods: {
  debounceInput: _.debounce(function (e) {
    this.filterKey = e.target.value;
  }, 500)
}
@FoxMalder
FoxMalder / indexInForOf.md
Created January 10, 2021 19:29 — forked from zmts/indexInForOf.md
Get index in for of

Get index in for of

for (const [index, value] of ['a', 'b', 'c'].entries()) {
  console.log(index, value)
}

/*
0 "a"
1 "b"

Debounce with promises

// https://stackoverflow.com/questions/35228052/debounce-function-implemented-with-promises

function debounce (inner, ms = 0) {
  let timer = null
  let resolves = []

 return function (...args) {
@FoxMalder
FoxMalder / debian_do.md
Created January 10, 2021 19:29 — forked from zmts/debian_do.md
Первичная настойка Debian Linux/Разворачиваем серверную инфраструктуру на Digital ocean

Первичная настойка Debian Linux/Разворачиваем серверную инфраструктуру на Digital ocean

Для проектов среднего и небольшого размера не всегда оправданно использовать AWS/Kubernetes подобную технологию. Для проектов нуждающихся в нескольких серверах отлично подходит Digital ocean. Который к тому же предоставляет средства вертикального скейлинга(увеличение производительной мощности уже существующих серверов).

SSH cертификат

Создаем сертификат под которым будем логинится на сервера нашего проекта (на локальной машине)

ssh-keygen -t rsa -b 4096 -f /Users/alex/.ssh/myproject_test -C "myproject comment"

Не забываем сделать его бекап

@FoxMalder
FoxMalder / forVarLetClosure.md
Created January 10, 2021 19:26 — forked from zmts/forVarLetClosure.md
Javascipt. For. Var. Let. Closure. Event loop.

Javascipt. For. Var. Let. Closure. Event loop.

var

for(var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}
@FoxMalder
FoxMalder / vue.md
Created January 10, 2021 19:26 — forked from zmts/vue.md
Передать ивент из родителя в потомок (Vue.js)

Передать ивент из родителя в потомок (Vue.js)

В потомке подписываемся на некое событие через $parent.$on('some-event'). В родителе емитим это событие.

<div id="app">
  <my-component></my-component>
  <button @click="click">Click</button>