Shaofei Cheng wintercn

## parseTree.html
<body>
<style>
.number {
    color:purple;
}
.keyword {
    color:blue;
}
.string {
    color:red;

## categoryTree.js
const categories = [
  {id:'animals', parent:null},
  {id:'mammals', parent:'animals'},
  {id:'cats', parent:'mammals'},
  {id:'dogs', parent:'mammals'},
  {id:'chihuahua', parent:'dogs'},
  {id:'labrador', parent:'dogs'},
  {id:'persian', parent:'cats'},
  {id:'siamese', parent:'cats'},
]

## reverseKGroupFromEnd.js
/**
 * Definition for singly-linked list.
 * function ListNode(val) {
 *     this.val = val;
 *     this.next = null;
 * }
 */
/**
 * @param {ListNode} head
 * @param {number} k

## vue-map-editor.html
<body style="margin:0;">
    <div id="app" style="position:relative;width:100%;height:100%;">
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script>
        Vue.component('local-storage', {
            props: ['value', 'key'],
            template: `<div></div>`,
            mounted(){
                if(!localStorage[this.$props.key])

## vue-local-storage.js
        Vue.component('local-storage', {
            props: ['value', 'key'],
            template: `<div></div>`,
            mounted(){
                if(!localStorage[this.$props.key])
                        return;
                var str = JSON.stringify(this.$props.value);
                if(str != localStorage[this.$props.key])
                    this.$emit('input', JSON.parse(localStorage[this.$props.key]))
            },

## tang.html
<meta charset="utf-8">
<body style="text-align:center">
<canvas width="1000" height="1000" style="background:black;margin:auto;">
</canvas>


<script src="tang.js">
</script>
</body>

## sim.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    .ball {
      width:10px;
      height:10px;

## editor.html
<a href="javascript:void 0;">abc</a>
<div id="editor" contentEditable="true" style="white-space:pre;">

    abc


</div>
<div id="editor2" contentEditable="true" style="white-space:pre;">

        abc

## m-Sum.js
var mSum = (m, n, a) =>
    a.length ? m > 2 ? mSum(m, n, a.slice(0, a.length - 1)).concat(
        mSum(m - 1 , n - a[a.length - 1], a.slice(0, a.length - 1)).map(e => e.concat([a[a.length - 1]]))) :
        twoSum(n, a) :
        [];
var twoSum = (n, a) => {
    a.sort((x, y) => x - y);
    var r = [];
    if(a.length < 2) return r;


## translate.we
<template>
  <div class="ct"  style="transform:translate({{x}}, {{y}})" onpanstart=starthandler onpanmove=movehandler>
    <text style="font-size: 42;">Move me!</text>
    <image class="img" style="width: 400px; height: 400px;" src="{{img}}"></image>
  </div>
</template>

<style>
  .ct {
    width: 750;
	<body>
	<style>
	.number {
	color:purple;
	}
	.keyword {
	color:blue;
	}
	.string {
	color:red;
	const categories = [
	{id:'animals', parent:null},
	{id:'mammals', parent:'animals'},
	{id:'cats', parent:'mammals'},
	{id:'dogs', parent:'mammals'},
	{id:'chihuahua', parent:'dogs'},
	{id:'labrador', parent:'dogs'},
	{id:'persian', parent:'cats'},
	{id:'siamese', parent:'cats'},
	]
	/**
	* Definition for singly-linked list.
	* function ListNode(val) {
	* this.val = val;
	* this.next = null;
	* }
	*/
	/**
	* @param {ListNode} head
	* @param {number} k
	<body style="margin:0;">
	<div id="app" style="position:relative;width:100%;height:100%;">
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	<script>
	Vue.component('local-storage', {
	props: ['value', 'key'],
	template: `<div></div>`,
	mounted(){
	if(!localStorage[this.$props.key])
	<meta charset="utf-8">
	<body style="text-align:center">
	<canvas width="1000" height="1000" style="background:black;margin:auto;">
	</canvas>


	<script src="tang.js">
	</script>
	</body>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style>
	.ball {
	width:10px;
	height:10px;
	<a href="javascript:void 0;">abc</a>
	<div id="editor" contentEditable="true" style="white-space:pre;">

	abc


	</div>
	<div id="editor2" contentEditable="true" style="white-space:pre;">

	abc
	var mSum = (m, n, a) =>
	a.length ? m > 2 ? mSum(m, n, a.slice(0, a.length - 1)).concat(
	mSum(m - 1 , n - a[a.length - 1], a.slice(0, a.length - 1)).map(e => e.concat([a[a.length - 1]]))) :
	twoSum(n, a) :
	[];
	var twoSum = (n, a) => {
	a.sort((x, y) => x - y);
	var r = [];
	if(a.length < 2) return r;
	<template>
	<div class="ct" style="transform:translate({{x}}, {{y}})" onpanstart=starthandler onpanmove=movehandler>
	<text style="font-size: 42;">Move me!</text>
	<image class="img" style="width: 400px; height: 400px;" src="{{img}}"></image>
	</div>
	</template>

	<style>
	.ct {
	width: 750;