2024-05-30|閱讀時間 ‧ 約 21 分鐘

【JS30-6】Ajax Type Ahead

    raw-image


    JavaScript30 傳送門:https://javascript30.com/


    寫到挑戰六覺得心累ㄌ,向來不是一個可以長久堅持好習慣的人,30 個挑戰聽起來很少,但如果要日復一日堅持下去其實好長r 😮‍💨


    挑戰六透過 input 來 filter 從 api 拿回來的資料結果,然後再後製 & 渲染到畫面。
    看別人的成果:yhabib.github.io


    本次練習の心得:

    這次又是直接埋頭苦幹,沒有先釐清需求目標有哪些,函式寫起來亂七八糟,methods 也是亂用。
    例如在匹配字串時,比起用 String.includes() 然後再轉換一堆沒用的大小寫,用正規表達式才是更好的作法!如果能冷靜下來考慮更多情境,就能減少一開始就走歪路的機率。

    算了,我就是這樣心浮氣躁^_^

    分享至
    成為作者繼續創作的動力吧!
    © 2024 vocus All rights reserved.