這學期最有代表性的題目大概就是『老爸私房錢』系列題了,幾乎是繞著它在學習、熟練這學期的各種技術,也因此,可以說在它身上發現最多問題,也從跟它的相處學到最多教案外的額外資訊。 關卡1:單一頁面多Modal視窗 從 A17 開始,因為我想要的輸入和編輯頁面是可以用 modal 呈現的,不想只照著教案 render 不同的頁面,所以就開始興致高昂地用 bootstrap 貼 modal 程式碼。 結果測試的時候發現居然只有 create 的 modal , edit 的 modal 怎麼按都是只有一層 overlay 的感覺,沒有欄位可填。 因此我嘗試先註解掉沒問題的 create modal 程式碼,發現 edit 的 modal 就正常的出現了,感覺問題應該是出在同一份文件有多段 modal 程式碼,於是開始 google ,關鍵字大概就是中英文的『 multiple modal 』、『多 modal 』。 果然就有很多不同解法,有人是設定不同的 id ,但我想了一下,如果今天專案不再那麼單純,而我都想用 modal 怎麼辦?這樣不就要設一堆 id 嗎?於是就看了其他解法,果然馬上就看到了一個相對簡單的,在各個 modal 外面再包一個 .update-modal ,不用管 id 是哪個元件對哪個元件,就解決了!兩個 modal 以上也可行~ 關卡2:月份選擇 接著做 A18 挑戰題,要做出月份和類別的結合篩選,因為不想雞肋地讓時間篩選只限定在特定時間區段內,例如只有 2019 年,所以首先想找有沒有方式可以輸入時間範圍, google 時不外乎把『用到的 tech stack 』和『 date range 』這個關鍵詞做結合去搜尋,以免找到的解決方案太過發散。 結果就看到了各種 datetime picker 套件,選了一些下載量比較大的套件官方文件來瀏覽一下,但考量: 1. 曾在聽畢業學長姐口試時,聽到 Jack 老師提醒,不要養成一味地追求套件的習慣,維護性要考量進去。 2. 看了 AC 職涯社群的某篇文章裡面提到,的確不要重複造輪子,但不代表我就可以沒有造輪子的能力,現在的我是在練習,就來造造看輪子嗎? 3. ...