跳至主要内容

· 5 分鐘閱讀
Eric Cheng

一個需求,需要在原來的 React PWA 專案中增加接收訊息通知的功能,簡單寫了個筆記,因為需求較複雜了點,還會牽扯到 firebase,為了單純起見,這篇文章僅僅介紹到 PWA 的 push 和 notification 部份

· 1 分鐘閱讀
Eric Cheng

換了顆硬碟重灌電腦,舊硬碟太亂不想用 clone,想說正好整理一下電腦裏資料

不過 Putty 太多連線設定了,要一個一個重設大概會瘋掉,Putty 本身並沒有提供匯入和匯出的功能,google 了一下,必須使用 regedit,簡單記了筆記

· 5 分鐘閱讀
Eric Cheng

什麼是 PWA

全名:Progressive Web Apps,中文翻成「漸進式網路應用程式」,不過講中文可能沒有人聽的懂

簡單說這是 google 製定的一個標準,可能讓你的 web 專案,看起來像是一個手機 App,它有兩個核心

· 1 分鐘閱讀
Eric Cheng

一個需求,我想看 S&P 500 ETF 的走勢和 聯邦基金利率的走勢之間的關係

畫出來的圖長這個樣子,聯邦基金利率 的橘線因為相對的值太小,基本上等於躺平,看不出變化

· 1 分鐘閱讀
Eric Cheng

一般要建置 web server 都是用 apache 或 nginx,不過開發程式有時只是要簡單測試個網頁而已, NodeJS 有套件可以滿足這個需求,簡單寫個筆記

http-server

今天要用的套件為 http-server

Github

· 2 分鐘閱讀
Eric Cheng

使用 iframe 是最直接的方法,在 youtube 影片點選右鍵,選「複製嵌入程式碼」,可以得到像下面的這段程式碼

<iframe width="640" height="360" src="https://www.youtube.com/embed/daVASrwlU9c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

把這段程式碼貼進 React 可以運作,但是沒有 RWD 的效果,google 了一下找到解法,不多廢話,直接附程式碼