此前我心血來潮做了個svg簡易箭頭動畫。
直到我做了立體生成器2代，才發現問題：實現循環動畫不應該用「id.end()+3s」這種辦法，否則會因為id重覆或元素消失而出現問題。
應該用
程式代碼
益智遊戲：flow water
這款遊戲名為flow water，譯成中文的話，可稱作「灌水」，或「噴泉」。
雖然我暫時還沒玩到真正困難的關卡，但是我被這款遊戲的創意打動了。它除了初級的普通模式外，還有濺水、春天、池塘等模式。當泉水流到噴泉的終點，你的心情也會隨之開朗起來。
css：transform
transform可使元素位移及變形。如果配合
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，如：
強大的Android瀏覽器：Kiwibrowser
背景
寡人一直在用Opera作為主力，它有一個其它瀏覽器都不具備的優點，那就是Opera能打開本地txt，這樣它就能打開所有本地文件（當作txt打開），這在某些情況下是非常有用的。
但是Opera也有缺點，比如訪問某些頁面會很慢很卡。因此我打算去嘗試其它的瀏覽器。
新寵
經過安裝試用對比，最終開源的Kiwibrowser成為了我的新寵。
js插入元素的兩個坑
js有著完善的DOM控制方法，但是完善並非完美。
坑一
當我們使用Node.nextSibling時，它並不一定找的是下一個元素，而很可能是文本節點。
這時你可能會發現，你應該使用Element.nextElementSibling。