Make git forget traced file in .gitignore

Remove specific file from git's tracking cache

git rm --cached <filename>
Will return in try trigger finally?

Yes.

const foo = () => {
  try {
    console.log('try');

    return;
  } catch (error) {
    console.log('error');

    return;
  } finally {
    console.log('finally');
  }
};


foo();

// try
// finally
Stop and remove all running containers
  • Kill all running containers
docker kill $(docker ps -q)
  • Kill and remove all running containers
docker rm -f $(docker ps -q)
Update multiple row with different value in same PostgreSQL query

讓 PostgreSQL 在一次 Query 中更新多筆資料,並且給予不同的值

範例

  • Table avatars
name jobtypeid job_rank job_name
megumin 1 40 magician
kazuma 2 10 thief
  • 根據不同的 job_type_id 來更新 job_rankjob_name
CSS Variable

根據 Can I Use 的結果,CSS Variable 在各瀏覽器支援度都已經提升了不少。這東西實用又簡單,大潤發有賣的話一定賣到缺貨。

基本用法:

/* 命名 --color 變數,變數開頭必須是槓槓(--) */
:root {
  --color: #333;
}
/* 也可在不同 selector 內命名變數 */
button {
  --color: #555;
}

.wrap {
  /* ... */
  /* var() 來呼叫變數 */
  color: var(--color);
  /* root 沒有宣告的變數,var 的第二個參數也可以帶上 default 值 */
  background-color: var(--bg-color, #EFEFEF);
}

除此之外也可以透過 JavaScript 來給予不同的值,下面 DEMO 有用到。

DEMO

Codepen 上看

HTML

<div id="wrap" class="wrap">
  Click button
</div>
<button onclick="onClick(this)"></button>
<button onclick="onClick(this)"></button>

CSS

.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 300px;
  font-size: 25px;
  color: var(--color, #333333);
  background-color: var(--bg-color, #EFEFEF);
}

JavaScript

© 2019 Hau Chen