Skip to content

Instantly share code, notes, and snippets.

View duncan60's full-sized avatar

Duncan_Du duncan60

50 followers · 125 following
View GitHub Profile
@duncan60
duncan60 / index.html
Created November 11, 2019 09:50
// source https://jsbin.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
@duncan60
duncan60 / Python interview question
Last active July 11, 2019 03:39
online edit: https://repl.it/languages/python3
1)Exercise.
Given a two list of equal size create a set such that it shows the element from both lists in the pair
For example:
firstList = [1, 2, 3, 4, 5]
secondList = [10, 20, 30, 40, 50]
Expected Output:
result = {(1, 10), (2, 20), (3, 30), (4, 40), (5, 50)}
@duncan60
duncan60 / F2E interview question
Last active July 4, 2019 07:34
CSS
1) What is CSS BEM?
2) What is the difference between em and rem units?
3) Using flexbox, create a 3-column layout where each column takes up a col-{n} / 12 ratio of the container.
<div class="row">
<div class="col-2"></div>
<div class="col-7"></div>
<div class="col-3"></div>
@duncan60
duncan60 / cloudSettings
Last active August 8, 2019 01:35
Visual Studio Code Settings Sync Gist
{"lastUpload":"2019-08-08T01:35:09.546Z","extensionVersion":"v3.4.1"}
@duncan60
duncan60 / README.md
Created February 9, 2018 03:55 — forked from addyosmani/README.md
108 byte CSS Layout Debugger

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@duncan60
duncan60 / .html
Created January 18, 2018 06:11
Vue Todo with Vuex
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="//cdn.jsdelivr.net/npm/vue"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js"></script>
</head>
<body>
@duncan60
duncan60 / .html
Created January 18, 2018 06:10
Vue Todo Practice
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="//cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<h1>Vue Todo Practice</h1>
@duncan60
duncan60 / build jenkins 2 CI flow
Last active March 5, 2019 13:59
# 1
docker pull jenkins
# 2
sudo mkdir /opt/jenkins
sudo chown -R 1000 /opt/jenkins
# http://www.cnblogs.com/jackluo/p/5783116.html
# 3
sudo docker run -d --name jenkinsCI -p 8080:8080 -p 50000:50000 -v /opt/jenkins:/var/jenkins_home:Z --restart=always jenkins/jenkins:lts
@duncan60
duncan60 / auto complete
Last active March 30, 2017 09:47
rx.js practice
const url = 'https://zh.wikipedia.org/w/api.php?action=opensearch&format=json&limit=5&origin=*';
const getSuggestList = (keyword) => fetch(url + '&search=' + keyword, { method: 'GET', mode: 'cors' })
.then(res => res.json())
const searchInput = document.getElementById('search');
const suggestList = document.getElementById('suggest-list');
const keyword = Rx.Observable.fromEvent(searchInput, 'input');
const selectItem = Rx.Observable.fromEvent(suggestList, 'click');
@duncan60
duncan60 / close an open port from the terminal on the Mac
Created March 5, 2017 09:31
sudo lsof -i :prot number
sudo kill -9 PID