- Базовые знание диалекта Typescript, основных встроенных примитивов (Array, Object, Function, String, Date) и методов работы с ними, понимание контекста (this) и способов управления им
- Базовые знания фреймворка React
- Знание наиболее часто используемых Web API: fetch/XHR, Storage, PostMessage, DOM
- Умение писать простейшие алгоритмы (поиск, сортировка, сравнение объектов) без требований к их оптимальности.
- Навыки кроссбраузерной адаптивной верстки по макету с использованием существующего кода, знание CSS и препроцессора SCSS
- Навыки отладки разметки в браузерах Chrome/Safari
- Знание принципов работы HTTP, отличий между различными методами, принципов работы Cookies
- Практическое владение лучшими практиками структурирования кода: SOLID/DRY/KISS и т.д.
- Базовые знания git, понимание git flow
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div v-if="url"> | |
<template v-if="isAvailableExtension"> | |
<PButton | |
variant="text" | |
color="primary" | |
class="preview-button" | |
:title="fileName" | |
data-testid="preview-button" | |
@click="openPreviewModal" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<teleport to="#modals"> | |
<transition name="modal"> | |
<div v-if="isOpen" class="modal-backdrop" :style="styleBackdrop" @click.stop.self="closeOnBackdrop"> | |
<focus-trap v-model:active="isActiveFocusTrap" :escape-deactivates="false"> | |
<div v-loading="loading" class="modal" :style="styleModal"> | |
<PButton | |
v-if="visibleCloseButton" | |
variant="text" | |
class="modal-close" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
data: () => ({ | |
placements: [], | |
placementsData: [], | |
limit: 10, | |
step: 0, | |
isRenderAllItems: false, | |
isScroll: false | |
}), | |
methods: { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'<link rel="stylesheet" href="style.css?%VERSION_STYLE%">' | |
.replace(/.css?(%VERSION_STYLE%|\d+)/, '?' + Date.now()) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// prettier-ignore | |
(function() { | |
function mutationObserver( | |
node, | |
callback, | |
options = { | |
childList: true, | |
subtree: true, | |
attributes: true, | |
attributeOldValue: false, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<q-select | |
v-on="$listeners" | |
v-bind="Object.assign($attrs, $props, { dense: true, outlined: true })" | |
value="" | |
> | |
<template v-for="(_, slot) of $scopedSlots" v-slot:[slot]="scope"> | |
<slot :name="slot" v-bind="scope"></slot> | |
</template> | |
</q-select> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const source = [ | |
{ id: 1 }, | |
{ id: 3, parentId: 1 }, | |
{ id: 4, parentId: 3 }, | |
{ id: 5, parentId: 3 }, | |
{ id: 6, parentId: 1 }, | |
{ id: 7, parentId: 6 }, | |
{ id: 8, parentId: 7 }, | |
{ id: 9, parentId: null } | |
]; |
NewerOlder