傑米的沙龍

挑戰 JS30

3公開內容

本系列會紀錄每次 JS 挑戰的知識點，並找出相較於作者或其他開發者的寫法，筆者的程式碼可以再改善的地方，與可以再進行調整的地方，歡迎大家有想法提出來一起討論。

全部內容

免費與付費

最新發佈優先

挑戰 JS30 #3 - CSS Variables

本次的挑戰是「CSS Variables」，需要達成的目標是：「使用者操作拉桿或是選色器時，底下圖片的樣式會有對應的變化。」

挑戰 JS30 #2 - CSS + JS Clock

本次的挑戰是「CSS + JS Clock」，需要達成的目標是：「時鐘的指針會轉動，指針都必須依據現實時鐘的規則前進。」這次需要搭配 CSS 動畫，製作時鐘的指針旋轉效果。

挑戰 JS30 #1 - JavaScript Drum Kit

這系列文章會記錄 JS 30 當次挑戰時使用到的語法和相關知識。JS 30 官方有提供所有製作網頁的資源，不需要任何事前準備，就能無痛開始撰寫 JS，寫完之後還有 JS 30 作者提供的解答，不知道怎麼下手時可以參考、寫完之後也能了解更多解法，改善自己的寫法。