6 篇文章 含有標籤「Front End」

最近在替一個老舊的專案 UI 改版，原專案的 Dashboard 是前同事用手刻出來的，不意外的工程師的美感，現在的角度來看有多醜就有多醜。該專案用的 bootstrap 3，看起來最適合的是直接套用 AdminLTE 2

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

什麼是 PWA​

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

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

使用 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 了一下找到解法，不多廢話，直接附程式碼

facebook developers 有官方文件教學怎麼在 html 頁面增加 分享按鈕

Share Button - Social Plugins - Documentation - Facebook for Developers

舉例如果要在網頁加入一個 的連結

有個需求，需要這樣的效果，正值為綠色，負值為紅色，絕對值愈大顏色愈深

Examples - Apache ECharts

旁邊雖然有程式碼，但看起來相當複雜，乍看之下不容易看懂

查了一下文檔，簡單的寫了些筆記