css動畫筆記

來自這裏

/* @keyframes duration | easing-function | delay |
iteration-count | direction | fill-mode | play-state | name */
animation: 3s ease-in 1s 2 reverse both paused slidein;

/* @keyframes duration | easing-function | delay | name */
animation: 3s linear 1s slidein;

/* two animations */
animation: 3s linear slidein, 3s ease-out 5s slideout;

一般我們使用的是第二個,還要配合@keyframes,如:

Read more

今日寡人終於搞明白了js正則中的「多行匹配」

此前由於搞不懂js正則表達式中的「m」有何作用,因此在做「正則替換小工具」時,是把目標文本用\n分割之後,for循環逐個匹配的。

現在終於get到了正確的做法,默認加入「gm」這兩個flag,則可以使行首^行末$生效。

代碼量減少了很多,非常優雅。

Read more