Posted on | Edited on |

一時興起參加了 LeetCode 的 Weekly Contest #40，用Javascript只解出了第一題計算二元樹每層平均值，思維是用兩個陣列，一個存每層的平均，一個存每層的總數量，最後相除得到每層的平均，實作如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/**
 * Definition for a binary tree node.
 * function TreeNode(val) {
 *     this.val = val;
 *     this.left = this.right = null;
 * }
 */
/**
 * @param {TreeNode} root
 * @return {number[]}
 */

var averageOfLevels = function(root) {
    var sumArr = [];
    var countArr = [];
    var sum = function(node, level) {
        if (!node) return
        if (!sumArr[level]) sumArr[level] = 0;
        sumArr[level] += node.val;
        if (!countArr[level]) countArr[level] = 0;
        countArr[level]++;
        sum(node.left, level + 1);
        sum(node.right, level + 1);
    }

    sum(root, 0);
    var meanArr = sumArr.map((sum, level) => sum / levelCountArr[level]);
    return meanArr;
};

Posted on | Edited on |

Sometimes I want to create empty branch for gh-pages or server-packages instead of branch from master, I will excute following command:

1
2
3
4
5
git checkout --orphan empty.branch.name
git rm --cached -r .
echo "init empty branch" > README.md
git add README.md
git commit -m "init empty branch"

Stackoverflow reference

Posted on | Edited on |
  1. Install ESLint extension
  2. Open settings.json by pressing Ctrl,

  3. Add following setting

    1
    2
    3
    "eslint.validate": [
        { "language": "vue", "autoFix": true }
    ]

  4. (Optional) Add "eslint.autoFixOnSave": true for autofix on save.

  5. It should work now, enjoy :)

Posted on | Edited on |

Proxy means on behalf of :

Proxy(Forward proxy) on behalf of user to reach websites
Reverse proxy on behalf of server to receive users request

Thanks to Dean Sim’s picture on this answer, it is the best to help understand reverse proxy :

More detail on stackoverflow answer

Posted on | Edited on |

To set up custom domain with HTTPS on Github Pages, there are 6 steps :

  1. Buy domain
  2. Setup Github Pages CNAME
  3. Add domain to Cloudflare
  4. Setup Cloudflare A record
  5. Change DNS Nameservers
  6. Setup HTTPS in Cloudflare
    Read more »

Posted on | Edited on |

常看到HTML裡有data-這個屬性, 其實這是HTML5才有的，透過讓每個元素有自己的dataset，讓本來需要用ajax獲得或是hide起來的資料，可直接使用data-把值藏好！

範例：

存人物的多項資訊到一個DOM元素中

1
2
3
4
5
<ul id="people">
    <li id="person1" data-yearold="30" data-company="MK">Mark</li>
    <li id="person2" data-yearold="26" data-company="AC">Andy</li>
    <li id="person3" data-yearold="29" data-company="XU">Max</li>
</ul>
Read more »