---
# System prepended metadata

title: 如何使用 JavaScript 製作分頁效果
tags: [大神來六角]

---

# 如何使用 JavaScript 製作分頁效果
###### tags: `大神來六角`
---
20211104
Sid 管管
#The F2E 3rd

## 近期活動

- https://www.hexschool.com/courses/ui-training.html

- https://www.hexschool.com/courses/bootstrap5.html

- https://2021.thef2e.com/
    - [The F2E 共筆攻略資源](https://hackmd.io/@hexschool/HkV1Nq1vK/%2FAJ-sW6ZbSR6BdJBj9mMFeg)



## 今晚相關連結

sli.do：
https://app.sli.do/event/orlxqy12/
簡報連結：
https://hackmd.io/@SidStraw/Sy1Ihg_Bt
範例專案：
https://github.com/SidStraw/js-pagination-simple
範例網頁：
https://sidstraw.github.io/js-pagination-simple

### Pagination-UI-LESS 套件

本場直播設計的分頁管理工具有抽出上傳成套件：Pagination-UI-LESS
可透過 npm 安裝也可 CDN 引入

Pagination-UI-LESS 分頁管理套件專案與說明文件：
https://github.com/SidStraw/Pagination-UI-LESS
Pagination-UI-LESS 分頁管理套件 CDN：
https://cdn.jsdelivr.net/npm/pagination-ui-less

## 講師相關連結

這可得好好管管：
https://sid.tw/

TailwindCSS
https://tailwindcss.tw/

兔兔教 × Tailwind CSS Taiwan：
https://www.facebook.com/groups/tailwindcss.taiwan


## 其他相關參考資料

[Postman 如何使用 HMAC 以 TDX API 為例](https://hsiangfeng.github.io/other/20210928/2005731696/)

ESM
https://wcc723.github.io/development/2020/03/25/import-export/
https://hsiangfeng.github.io/javascript/20210424/616364031/