Duncan_Du duncan60

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

## Python interview question
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)}

## F2E interview question
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>

## cloudSettings
{"lastUpload":"2019-08-08T01:35:09.546Z","extensionVersion":"v3.4.1"}

## README.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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

  
## .html
<!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>

## .html
<!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>

## build jenkins 2 CI flow
# 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

## auto complete
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');

## close an open port from the terminal on the Mac
sudo lsof -i :prot number
sudo kill -9 PID
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	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)}
	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>
	# 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
	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');