Skip to content

Instantly share code, notes, and snippets.

View tangzhongliang's full-sized avatar

leonard tangzhongliang

3 followers · 10 following
View GitHub Profile
@jackyjqcheung
jackyjqcheung / node-static-file-server.js
Created August 27, 2021 02:04 — forked from jonlabelle/node-static-file-server.js
Simple node.js static file server.
var path = require('path');
var fs = require('fs');
//
// Configuration
//
var config = {
@yoovanr
yoovanr / SignInForm.vue
Last active August 27, 2021 05:10
[Vue] components/SignInForm.vue
<template>
<form
class="SignInForm"
autocomplete="off"
@submit.prevent="login"
>
<!-- title start -->
<AppTitle bold="Sign in" />
@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)
@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
@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,
@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 {
@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')
@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"
@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.
@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>
}
}