Skip to content

Instantly share code, notes, and snippets.

View rogeriomq's full-sized avatar
💭
Work with full JS

Rogério M. de Queiroz rogeriomq

💭
Work with full JS
View GitHub Profile
@fdaciuk
fdaciuk / Live Node.js + TS com Programação Funcional.md
Last active January 29, 2025 18:17
Live Node.js + TS com Programação Funcional
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
/**
* @interface StoreState
*/
export interface StoreState {
[key: string]: any
@vinicius73
vinicius73 / main.js
Created February 19, 2019 19:31
Vuex Route Guard DEMO
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import plugins from './plugins';
plugins({
router, store, Vue,
});
@lbssousa
lbssousa / MyComponentJsDoc.vue
Last active July 13, 2022 11:32
A little cheatsheet of how to write type-safe Vue single file components, using either TypeScript or JSDoc comments (reference: https://blog.usejournal.com/type-vue-without-typescript-b2b49210f0b)
<template>
<div>
<slot/>
</div>
</template>
<script>
// @ts-check
/**
function formatTime (timeInMs) {
let date = new Date(timeInMs)
// ${date.getDate()}/${date.getMonth()}/${date.getFullYear()}
return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`
}
function log (type, ...args) {
if (this.$options.debug) {
console[type](`%c[${this.$_id}]${formatTime(Date.now())}>> `,
`background:${type === 'log' ? '#384A5E' : type === 'warn' ? '#F1BF39' : '#FF5370'}; padding: 3px; border-radius: 3px; color: #fff`,
@luiguild
luiguild / logger.js
Last active November 16, 2018 18:03
Simple logger module and VuePlugin that check NODE_ENV to show console.log()
const prefix = process.env.PREFIX
const nodeEnv = process.env.NODE_ENV
let logCounter = 0
let errorCounter = 0
let fatalCounter = 0
let warnCounter = 0
export const vLogger = {
install (Vue, options) {
// Add quasar-framework tags components.
{
"known_html_tags": "html head title base link meta style script noscript body section nav article aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr pre blockquote ol ul li dl dt dd figure figcaption div a em strong small s cite q dfn abbr data time code var samp kbd sub sup i b u mark ruby rt rp bdi bdo span br wbr ins del img iframe embed object param video audio source track canvas map area svg math table caption colgroup col tbody thead tfoot tr td th form fieldset legend label input button select datalist optgroup option textarea keygen output progress meter details summary command menu main template q-layout q-page-container q-page q-layout-header q-layout-footer q-layout-drawer q-page-sticky q-fab q-fab-action q-resize-observable q-window-resize-observable q-btn q-btn-group q-btn-dropdown q-toolbar q-toolbar-title q-tabs q-tab q-tab-pane q-route-tab q-pull-to-refresh q-context-menu q-breadcrumbs q-breadcrumbs-el q-pagination q-field q-input q-chips-in
@IgorDePaula
IgorDePaula / MainMenu.vue
Last active October 8, 2018 14:45
Menu recursivo em quasar (para drawer)
<template>
<div>
<q-collapsible v-if="item.children.length > 0" v-for="(item, index) in itens" :key="index" :icon="item.icon" indent :label="item.name"
:to="`/app/competitions/${item.id}`">
<main-menu :itens="item.children"/>
</q-collapsible>
<q-side-link :to="''" v-else >
<q-item>
<q-item-side :icon="item.icon"/>
<q-item-main :label="item.name"/>
@israeleriston
israeleriston / sublime-text3.md
Last active November 6, 2017 18:47
My default settings for using sublime text 3 to work with vuejs/js and python / django
@vinicius73
vinicius73 / 0-contribua-.md
Last active October 17, 2024 19:32
Guia de referencias sobre estudo de JavaScript

Contribua

Se você quiser adicionar mais algum tópico deixe seu comentário, o objetico é facilitar para os iniciantes ou aqueles que buscam dominar JavaScript, quais tópicos são importantes para dominar JavaScript.

São tópicos para quem sabe o minimo de JavaScript (declarar variáveis), a ordem em que eles aparecem são por importância para o dominio como um todo. Mesmo que você já tenha experiência com JS, recomendo que leia os links de cada tópico para fortalecer suas bases teóricas e ter um comportamento mais profundo da linguagem.

Lista originalmente criada e compilada por Vinicius Reis