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

旁边虽然有程式码，但看起来相当复杂，乍看之下不容易看懂

查了一下文档，简单的写了些笔记