2020-06-12

Clickhouse 實現 MySQL 的 group_concat() 的作法

MySQL 有 group-concat function,能將 group by 後的資料合併,方便查詢、處理。

例如

mysql> select id, group_concat(arr) from (
    -> select 1 as id, 'orange' as arr
    -> union all
    -> select 1, 'banana'
    -> union all
    -> select 2, 'apple'
    -> union all
    -> select 1, 'banana'
    -> union all
    -> select 3, 'peach'
    -> union all
    -> select 1, 'grava'
    -> union all
    -> select 4, 'pineapple'
    -> union all
    -> select 4, 'pear'
    -> ) as f
    -> group by id;
+----+----------------------------+
| id | group_concat(arr)          |
+----+----------------------------+
|  1 | banana,grava,orange,banana |
|  2 | apple                      |
|  3 | peach                      |
|  4 | pineapple,pear             |
+----+----------------------------+
4 rows in set (0.00 sec)

然而這畢竟是 MySQL 特有的 function, clickhouse 並無此 function,要做到同樣的事就得用其他 function 來處理

Tomcat伺服器下網址有豎直線的情況

這是最近遇到的狀況。
如果伺服器是 Tomcat,且你的 URL 帶有豎直線(|),就會出現 400 Bad Request 錯誤。

例如:

http://example.org/?data=1|2|3

2019-12-02

AJAX send Canvas 建立的圖片

要將Canvas 建立的圖片做其他處理,例如傳AJAX 基本上就是利用 HTML5 新增的 Blob 來處理

2018-06-15

利用 autocomplete attribute 來使用自動儲存的資料

如果有看 Chrome Console 的話,就會注意到當你有表單時,有時會出現如下的警告訊息
[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq)
This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see https://goo.gl/zmWq3m.

2017-04-13

Article / Section lacks heading

根據 W3C 的規則, HTML5 新增的 <article> 、 <section> 這兩個 tag,裡面必須包含 <h2 ~ 6>

要不是我會去使用 The W3C Markup Validation Service 幾乎不會知道地說

是說, w3school 完全沒有告知這個呢

參考資料:HTML/Usage/Headings/Missing - W3C Wiki