Skip to content

Instantly share code, notes, and snippets.

View javascripto's full-sized avatar
:octocat:
Focusing

Yuri Almeida javascripto

:octocat:
Focusing
  • São Paulo - SP
  • 19:39 (UTC -03:00)
View GitHub Profile
@OrionReed
OrionReed / dom3d.js
Last active September 15, 2025 19:00
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
const SHOW_SIDES = false; // color sides of DOM nodes?
const COLOR_SURFACE = true; // color tops of DOM nodes?
const COLOR_RANDOM = false; // randomise color?
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
const MAX_ROTATION = 180; // set to 360 to rotate all the way round
const THICKNESS = 20; // thickness of layers
const DISTANCE = 10000; // ¯\\_(ツ)_/¯
[alias]
ci = commit
co = checkout
cm = checkout master
cb = checkout -b
st = status -sb
sf = show --name-only
lg = log --pretty=format:'%Cred%h%Creset %C(bold)%cr%Creset %Cgreen<%an>%Creset %s' --max-count=30
incoming = !(git fetch --quiet && git log --pretty=format:'%C(yellow)%h %C(white)- %C(red)%an %C(white)- %C(cyan)%d%Creset %s %C(white)- %ar%Creset' ..@{u})
outgoing = !(git fetch --quiet && git log --pretty=format:'%C(yellow)%h %C(white)- %C(red)%an %C(white)- %C(cyan)%d%Creset %s %C(white)- %ar%Creset' @{u}..)
@vemarav
vemarav / scrollview_vs_flatlist_vs_recycler_list_view.md
Last active August 9, 2021 11:36
Comparison of react native ScrollView vs FlatList vs RecyclerListView

Memory consumed by FlatList and RecyclerListView is similar, RecyclerListView wins over UI glitches as for large data sets glitches may observed in FlatList

No ScrollView FlatList RecyclerListView
1 No Memory Management Automatic Memory Management Automatic Memory Management (Similar to FlatList)
2 Loads All content at once Loads content as window scrolled Loads content as window scrolled
3 Scroll position is not preserved if data refreshed Scroll position is not preserved if data refreshed Scroll is preserved if data refreshed
4 Observable frame drops Observable frame drops for large data sets (> 1500) No frame drops, Highly Performant
5 Trouble refreshing data Trouble refreshing data Easy to refresh/update data
6 Available in react native import {ScrollView} from 'react-native' Available in react native import {FlatList} from 'react-native' Available via third-party module ` import { RecyclerListView, DataProvider, LayoutProvider } from "r
@boussou
boussou / stringify.js
Last active October 8, 2020 20:23 — forked from zmmbreeze/stringify.js
Converting circular structure to JSON on JSON.stringify / this is a version of the solution for Vue.js
// http://stackoverflow.com/questions/11616630/json-stringify-avoid-typeerror-converting-circular-structure-to-json/11616993#11616993
//this is a version for Vue.js
//filters vue.js internal properties
//you can extend Vue object instead
Object.stringify = function(value, space) {
var cache = [];
var output = JSON.stringify(value, function (key, value) {
@luan0ap
luan0ap / 0 básico.md
Last active January 31, 2020 03:30 — forked from threepointone/0 basics.md
css-in-js - em português

Uma série de posts sobre CSS in JS

0. Estilos como objetos

Primeiramente, um exercicio. Podemos representar o CSS como texto puro? Bora tentar:

let redText = { color: 'red' };

Show de bola, deve ser claro o que este código acima deve "fazer" né. então bora tentar de novo:

@luan0ap
luan0ap / pick.js
Created December 4, 2018 17:00
pick a properties from object, by an array
const pick = (obj = {}) => (props = []) => {
var picked = {}
props.forEach((prop) => picked[prop] = obj[prop])
return picked
}
const lunch = {

O que nós buscamos

  • Responsável por desenvolver, testar e documentar rotinas;
  • Atuar em implementações, melhorias de performance e integrações;
  • Desenvolver códigos bem estruturados utilizando boas práticas de programação;
  • Realizar revisão por pares dos artefatos de programação;
  • Interagir com todo o time Scrum de forma construtiva na busca por resultados que agreguem valor aos clientes;
  • Construir código com testes automatizados/unitários para garantir a qualidade.

Requisitos e diferenciais das vagas

@grupocitar
grupocitar / tests_backend.md
Last active March 4, 2019 07:28
Test Backend

O que nós buscamos

  • Responsável por desenvolver, testar e documentar rotinas;
  • Atuar em implementações, melhorias de performance e integrações;
  • Desenvolver códigos bem estruturados utilizando boas práticas de programação;
  • Realizar revisão por pares dos artefatos de programação;
  • Interagir com todo o time Scrum de forma construtiva na busca por resultados que agreguem valor aos clientes;
  • Construir código com testes automatizados/unitários para garantir a qualidade.

Requisitos e diferenciais das vagas

@juanarbol
juanarbol / chmodCheatSheet.md
Last active August 27, 2025 17:20
Chmod cheat sheet

Chmod codes cheat sheet

How to use chmod codes in UNIX:

  1. There are three types of permissions in files and folders in unix
    1. Read (r)
    2. Write (w)
    3. Execute (x)
  2. And, there is a classification of users called UGO (explained bellow):
  3. U ~> User (usually, you)
@scokmen
scokmen / HttpStatusCode.ts
Created April 25, 2017 11:10
Typescript Http Status Codes Enum
"use strict";
/**
* Hypertext Transfer Protocol (HTTP) response status codes.
* @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
*/
enum HttpStatusCode {
/**
* The server has received the request headers and the client should proceed to send the request body