軟體主廚的程式料理廚房

儘管前端三雄（Angular、React、Vue）討論熱度強烈，但是前端老馬 - jQuery 的市佔率仍舊是名列前矛，在 jQuery 中常用的安插 DOM 元件的方法有這八個：append()、appendTo()、prepend()、prependTo()、after()、insertAfter()、before()、insertBefore()，使用起來時常會讓我感到混亂，這篇文章就用圖解的方式做個記錄，來說明每個方法的差異。

我們在追蹤客戶端行為時，多多少少會遇到一個場景，就是要在使用者把網頁視窗關閉時，將記錄送回伺服器端，做法上我們可能會想在網頁視窗觸發 unload 事件的時候，發送 AJAX Request 回伺服器端就好了，但是這個方法在一些瀏覽器上（比如：Firefox）不 Work，取而代之 Web APIs 提供了更好的 API - sendBeacon()。