![[筆記] Pagination 分頁功能 實作 JavaScript](https://smlpoints.com/wp-content/uploads/notes-api-application-programming-interface-with-axios-dom-1.jpg "[筆記] Pagination 分頁功能 實作 JavaScript")
[筆記] Pagination 分頁功能 實作 JavaScript
網頁設計中常見的分頁功能(Pagination)的實作筆記過程。邏輯上，可以拆解成以下兩項： 1.計算總共頁數 2.依照使用者點擊的頁數來決定顯示多少項目 實作 Read More …
標籤: HTML
![[筆記] RWD 自適應版型 漢堡選單實作與故障排除](https://smlpoints.com/wp-content/uploads/notes-rwd-design-hamburger-navbar-and-troubleshooting-1.jpg "[筆記] RWD 自適應版型 漢堡選單實作與故障排除")
[筆記] RWD 自適應版型 漢堡選單實作與故障排除
自適應選單中常見的漢堡選單的實作經驗和故障排除。關鍵在於：利用 JavaScript 控制 CSS的Class的刪除與新增(toggle)，並搭配一些隱藏技巧。 Read More …
[筆記] KeyCode & querySelectorAll 全部加上事件
這回想要實作的狀況是：當使用者在輸入框中按下 “Enter” 後，可以選取到表格中的每一橫列。若要達成這個目的，你需要知道 KeyCod Read More …
[筆記] Can I Use 查詢語法在各瀏覽器上可否正常使用
在瀏覽器上要使用新語法之前，常會必須考慮掉舊的瀏覽器是否兼容的問題。Can I Use 是用來查詢各種語法在瀏覽器上的相容性為何。 使用方法 1.登入 Can Read More …
[筆記] JavaScript 將兩個 array 合併一個 array
最近在網路上找資料練習串接資料時，頭一次遇上陣列裡有陣列的狀況。筆記一下如何運用 JavaScript 的 “Array.prototype.con Read More …
![[筆記] 純 CSS 製作圖片輪撥效果](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] 純 CSS 製作圖片輪撥效果")
[筆記] 純 CSS 製作圖片輪撥效果
先前在練習刻畫網頁時，想說做個圖片輪撥器試試。不過在不用 JavaScript 的情況下，單純用CSS3 也可以達到一樣的效果。 語法解說 其實跟過往運用 Fl Read More …
[筆記] API 串接, Axios 和綁定DOM事件
在 Alpha Camp 的第二學期課程中，有提到寫個網頁來向遠端伺服器請求資料，故整理一下自己腦海中所學到的技巧與觀念。 重點提示 運用 “Axi Read More …
[筆記] CSS ul li 水平置中方法
若在前端網頁設計中，使用了 <li> 來製作水平選單時，有機會遇到無法水平置中的問題。這邊收集了兩種方法來解決。 (P.S. 若是要水平左右端，運用 Read More …
[筆記] Async 非同步處理和 JSON Object 取值
筆記一下在學習撰寫 JavaScript 的 Async (非同步) 特性和引入API時，所遇上的物件中的物件(A object in the object)的 Read More …
