2020年2月17日 星期一

使用Firebase資料庫的jQuery自適應網頁互動留言板開發資源

本來要寫一個可回應的留言板 APP，考量到目前使用 Android 和 iPhone 手機的人都有，同時開發兩種系統的 APP 難度太大，因而改成設計以手機瀏覽器即可使用的互動留言板。

從無到有打造的過程中，看了很多網上的資源，現在網頁設計不像十幾年前那麼流行，也沒有很多像 Dreamweaver 那類的所見即所得的編輯器，這年代要寫網頁，用手工寫程式碼打造的比較多。不過反而多了很多的套件、框架、外掛可以引用，其實也不會比以前麻煩，只是有很多小細節要注意，例如 JQuery 元件動態產生之後，按鈕怎麼按都沒反應，書上也不會當一個重點，或許只會是某段話輕描淡寫的談過去，幸好在A.D.的程式筆記看到可能的原因是因為事件在HTML生成前就綁定，導致找不到id；另一種可能是如果HTML元件是後來才生成的，比document ready還要晚，例如使用append函式把按鈕給動態生成了！這時也會發生綁定失敗，只要改用on來綁定就好。

同時這也是我第一次使用 Firebase 資料庫 (RealTime Database)，網路上資源雖然多，不見得完全都合用，有些網頁的教學只有作者自己看得懂。所以這裡記錄我這次設計留言板的過程中，有參考使用的內容連結：


Firebase相關：
jQuery 與 javascript 相關：
靜態網頁空間：
線上產生器：
JSON相關：
其它有一點相關，但是這次沒用到，先存起來：
標籤：

1 則留言:

  1. Ruyut2021年4月12日 下午5:50

    偶然看到分析資料裡面說有人放我文章的連結
    你居然把參考使用的內容連結都放進來了
    如果我文章有說明不清楚的地方還請您多多指教^^

    回覆刪除

訂閱： 張貼留言 (Atom)