[S20_WebFund] Lab5 資工二乙 407262512 陳郁雯

Group content visibility: 
Use group defaults
Groups audience: 
  1. 網址: https://converter-pwa.glitch.me/
    • 截圖:
  2. 說明功能
    • 輸入十進位數字,分別轉換成 2、8、16 進位數字
    • 點狗會動哦
  3. 心得
    • 這次作業是基於 Lab4 的作業去修改而成的,把輸入框的 placeholder 文字稍作修改,還有改成進位轉換的小功能。
    • 先把基礎教學做完後,大概知道 PWA 需要的一些功能,如離線功能及各設備相容等等,才著手做這個小工具。過程中發現除了 tutorial 中有提到的一些 js ,Audits 還會額外提醒我們要加一些東西,如 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 去 fit 手機螢幕等等。
    • 做完這個 lab 後才發現原來要寫一個相容個設備的小程式並不是那麼難,雖然還有些東西尚須改進,但還是很有成就感。