Jeff的隨手筆記

學習當一個前端工程師

0%

會打這一篇主要還是因為想把做Side Project時查找的資料做一個整理,方便之後如果要在串接一次Google API時可以方便查閱。

那我們就開始吧!

Read more »

老實說,我真的沒有想到我可以順利完賽。對自己的不信任曾經讓我不敢告訴任何人我參加了這次鐵人賽,只是怕如果無法完成,會被問候鐵人賽進展情況等等。還好最後我順利完賽了~

看大家都會分享這30天的心得,那我也照抄一下,啊不是是隨波逐流(怎麼好像都不是好話…..),反正就是分享這段30天的成長。

Read more »

昨天我們認識了AJAX,但並沒有XMLHttpRequest ,最根本的原因在於:我不會,而且現在應該很少人用這個來請求了吧?現在大家不是都用fetchaxios…因此我就沒有介紹了。

那這篇就是要來介紹現在大家最常使用的fetch 以及axios

Read more »

在現代網頁開發中,我們經常聽到關於AJAX的詞語,它代表著一項重要的技術,使我們能夠實現在不重新載入整個網頁的情況下,動態地獲取和顯示數據。

今天來認識一下什麼是AJAX以及與之相關的通訊協定和HTTP方法。

Read more »

昨天有提到Function constructor但並沒有深入講解,今天就來補齊這個部分。

建立object的方式在之前有說過兩個方式:

1.使用 object literal,也就是大括號的方式來建立物件。

2.使用 new Object( )的方式。

但除了上述兩個方式之外,我們還可以使用function constructor(函式建構式)的方式來建立物件。

Read more »

我們昨天有提到,在JavaScript裡,this的指向取決於我們呼叫他的方式,我們總共有4種呼叫方式:

  • 一般呼叫:當你以一般方式呼叫一個function 時,例如剛剛的案例 setName**()**,**this** 會指向 **window**(在瀏覽器環境中)。
  • 物件方法呼叫:當你將一個function 作為 object 的方法來呼叫,例如剛剛的案例 c.log()this 就會指向 c 這個object。
  • **使用 .bind().call().apply()**:你可以使用這些方法來明確設定function 的 this 值。這個會在下一章節介紹。
  • 箭頭函式:箭頭函式 (=>) 不會改變 this 的值,或者這麼說:箭頭函式 (=>) 不會像傳統函數那樣有自己的 **this**,而是會捕獲(capture)它們外部作用域的 **this**。這使得箭頭函式在定義時捕獲了 this 的值,不受呼叫方式的影響。

今天我們要針對第三點來做一次解說。

Read more »

這一篇我想來學習一下Promise。

為什麼說是學習呢?因為我發現我無法跟人解釋這個東西,因此才決定重新學習Promise以及他後續延伸出來的async/await

Read more »