Skip to content

Instantly share code, notes, and snippets.

View tangzhongliang's full-sized avatar

leonard tangzhongliang

3 followers · 10 following
View GitHub Profile
@turicas
turicas / converte_datetime_pt.py
Last active July 1, 2024 19:31
Converts a Portuguese datetime in Python datetime format
# coding: utf-8
import datetime
MONTHS = {'jan': 1, 'fev': 2, 'mar': 3, 'abr': 4, 'mai': 5, 'jun': 6,
'jul': 7, 'ago': 8, 'set': 9, 'out': 10, 'nov': 11, 'dez': 12}
FULL_MONTHS = {'janeiro': 1, 'fevereiro': 2, u'março': 3, 'abril': 4,
'maio': 5, 'junho': 6, 'julho': 7, 'agosto': 8,
'setembro': 9, 'outubro': 10, 'novembro': 11, 'dezembro': 12}
@dragg
dragg / Select2
Last active August 27, 2021 05:31
Vue Components
<template>
<select :name="name" class="form-control">
<slot></slot>
</select>
</template>
<script>
import 'select2-bootstrap-theme/dist/select2-bootstrap.css';
export default {
@acbrent25
acbrent25 / React-Component.js
Created December 21, 2017 20:49
[React Component] #react
import React from 'react'
import ReactDOM from 'react-dom'
class Hello extends React.Component {
render () {
return <div className='message-box'>
Hello {this.props.name}
</div>
}
}
@ychakiris
ychakiris / index.html
Created May 31, 2018 23:55
videojs-contrib-hls embed // source http://jsbin.com/remusiw
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>
<!--
Uses the latest versions of video.js and videojs-contrib-hls.
@phillip-haydon
phillip-haydon / modal.vue
Created January 15, 2019 16:44
Modal
<template>
<div :class="{ 'is-active': show, 'modal': true }">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">{{title}}</p>
<button
class="delete"
aria-label="close"
@supernovel
supernovel / vue-drawer.vue
Last active August 27, 2021 04:08
vue-drawer.vue
<template lang="pug">
//refer to https://github.com/segmentio/chrome-sidebar/blob/master/src/frame.js
transition(name='drawer' appear)
aside(
:class='drawerContainerClass'
v-show='opened'
v-click-outside='vcoOption'
)
div(:class='drawerWrapperClass')
@Holi0317
Holi0317 / DynamicLoader.vue
Last active August 27, 2021 05:14
Dynamic components
<template>
<!-- doc: https://vuejs.org/v2/guide/components.html#Dynamic-Components -->
<component :is="comp"></component>
</template>
<script>
// Just a fallback component
import EmptyComp from "./EmptyComp";
export default {
@bingliangchan
bingliangchan / VueComponent
Last active August 27, 2021 05:20
Vue Component
<template src="./MenuSideBar.html"></template>
<style src="./MenuSideBar.css"></style>
<script>
import { mapGetters, mapActions } from 'vuex';
import { isNullOruUndefined } from '../../utilities/util';
export default {
name: 'MenuSideBar',
props: {
msg: String,
@CMCDragonkai
CMCDragonkai / Ref.vue
Last active August 27, 2021 08:48
Vue 3 Reactivity #vue
<template>
<button @click="counter += 1">{{ counter }}</button>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup () {
// by using ref, the counter becomes a proxy
@luismartinezs
luismartinezs / vue-scroll-event.vue
Created June 18, 2021 07:47
Vue scroll event #vue
<script>
export default {
...
methods: {
handleScroll: throttle(() => {
console.log('I get fired every two seconds!')
}, 2000)
},
created () {
window.addEventListener('scroll', this.handleScroll)