0%

Firebase 更新速度一直以來都是非常的快,每次大改版都會有部分語法更動,V8 升至 V9 主要是改成 ESM 方式引入,除此之外也有部分語法更改,雖然 Firebase 文件寫的滿詳細的,但這邊還是記錄一下 V9 版本的 Realtime Database 一些常用方法。

閱讀全文 »

製作網頁時圖片一直是不可少的元素,不過有時我們使用的圖片會因為圖庫網站掛掉、CORS、網址填錯 等等因素導致圖片無法正確顯示,而原生的 JavaScript 其實就有辦法做到,圖片如果無法正確顯示那麼使用替換圖片的功能。

閱讀全文 »

之前在開發專案時,有發現 Chrome 的原型似乎被調整了,不過當時專案對原型使用量不大,因此沒特別注意調整什麼,而上個月開始寫鐵人賽時,有提到原型,有稍微深入瞭解一下 JavaScript 的原型發生什麼是了,這邊稍微說明一下。

閱讀全文 »

隨者前端需求越來越多,前端工程師在管理程式碼上的需求也越來越重,幸好 ES6 引入時 JavaScript 有引入的 ESM 的拆檔功能,以方便開發者管理程式碼,而目前大多數的 JavaScript 套件也有都使用到 ESM 的方法來做開發以及管理,算是前端工程師必學的方法之一了,而 ESM 他的全名是「ES6 Modules or JavaScript Modules」。

閱讀全文 »

fetch 是 JavaScript ES6 新增的用來執行 Ajax 行為的方法,相比舊版的 XMLHttprequest 不論是閱讀程式碼、或是實際開發都方便不少,而 fetch 其實就是使用 Promise 開發的方法,因此 fetch 語法和 Promise 寫法非常類似,同時可以使用到上個章節提到的 async/await 。

閱讀全文 »

在過去 JS 要處理 Ajax 這個非同步語法,會很容易用到 Callback 寫法,而 Callback 不但不好管理,還容易寫成 CallbackHell,幸好 ES6 新增了 Promise ,對於 JS 這個單執行序的語言 Promise 非常實用。

閱讀全文 »