Duncan_Du duncan60

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

	<!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>

	<!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>

	<!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>

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

	sudo lsof -i :prot number
	sudo kill -9 PID