Skip to content

Instantly share code, notes, and snippets.

Mikhail Kuznetcov shershen08

Block or report user

Report or block shershen08

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@shershen08
shershen08 / svelte-course.md
Last active Feb 4, 2020
code demos with usefull aspects of Svelte
View calendar-heatmap.html
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
@shershen08
shershen08 / vuejs-reading-links.txt
Created Jan 15, 2020
материалы по Vuejs
View vuejs-reading-links.txt
View vue questions v1
1) Как вывести переменную message в HTML? К тегу добавить атрибут :value="message"
- message
- <message></message>
- {message}
+ {{message}}
2) Какой атрибут будет вызывать событие при клике на объект?
- <button v-click="change">Нажми меня</button>
- <button @click="{{change}}">ТеНажми менякст</button>
- <button v-on-click="change">Нажми меня</button>
@shershen08
shershen08 / queries.grapql
Created Oct 31, 2019
sample quieries for GitHub GraphQL API
View queries.grapql
#1
query {
topic(name:"graphql") {
relatedTopics{
name
}
}
}
#2
View 1.js
true + true === 2;
true true === 0;
true === 1;
@shershen08
shershen08 / SearchForm.vue.js
Created Oct 26, 2019
vue + js child component
View SearchForm.vue.js
export class SearchForm extends Vue {
name: 'SearchForm',
props: {
colot: {
type: Object
}
},
data(){
return {
@shershen08
shershen08 / SearchForm.vue.js
Last active Oct 26, 2019
vue typescript child components
View SearchForm.vue.js
import { Component, Prop, Vue, Watch, Emit } from 'vue-property-decorator';
@Component
export class SearchForm extends Vue {
public search: string = 'vue';
@Prop() private color!: string;
@Watch('search')
@Emit('search:text')
private onSeachChanged(val: string, oldVal: string) {
return val;
@shershen08
shershen08 / search-vue-component.js
Created Oct 26, 2019
converting Vue components to Typescript
View search-vue-component.js
import { ListItem } from '@/types/index';
import { Component, Prop, Model, Provide, Watch, Vue } from 'vue-property-decorator';
import LIST from './../../../data/starters';
import SearchItem from './SearchItem.vue';
import SearchForm from './SearchForm.vue';
@Component({
name: 'Search',
components: {
SearchItem,
View search-vue-component.ts
import { ListItem } from '@/types/index';
import { Component, Vue } from 'vue-property-decorator';
import LIST from '../data/mockData.json';
import SearchItem from './SearchItem.vue';
import SearchForm from './SearchForm.vue';
// setting child components
@Component({
name: 'Search',
components: {
You can’t perform that action at this time.