Web

Web Development

網站開發 101,介紹 HTML、CSS、以及 Javascript 的關係跟使用。

Gatsby 與 Next.js 大對決:一文帶你深入剖析兩大框架的差異與實戰應用

Gatsby.js 與 Next.js 都是基於 React 的網頁應用程式框架,用來幫助開發者建立現代化的網頁應用程式。雖然這兩個框架有許多相似之處,但它們在某些方面有明顯的差異。 Gatsby.js 的主要特點在於它是一個靜態網站生成器。這意味著它可以在編譯時生成網站的 HTML,CSS 和 JavaScript 文件,而無需經過在用戶端運行的 JavaScript。這使得 Gatsby.js 能夠提供極快的載入速度和更好的 SEO 表現。此外,Gatsby.js 還具有豐富的插件生態系統,可以輕鬆地擴展應用程式的功能。

Web Development 網站開發 (9) - Javascript 非同步:Event Loop

非同步是 Javascript 裡很重要的一個環節,非同步的意思是你的網站可以在同一時間內執行多項任務。想像如果今天網站一次只能執行一件事,光是處理用戶的一個按鈕點擊事件就會讓整個網站卡住;或是在加載某個圖片或影片內容時,網站無法做其他事只能等到加載完成。

Web Development 網站開發 (8) - Javascript 非同步:Function and Callback

Callback 是 Javascript 的一個特色。簡單來說就是把一個 function 當作另一個 function 的參數傳進去。其他的程式語言也有類似的方法,但在 Javascript 裡應該是使用最多的。我想原因應該是來自於其使用的場景,Javascript 原先就是用來開發網頁的,需要監聽來自於使用者的各種操作並作出即時的響應,非同步搭配 Callback 的設計能很好的執行任務。