速查彙整 - VECTOR COOL 威得數位行銷

Swiper with lightbox 輪播插件結合燈箱

Swiper 是一個功能豐富且流行的 JavaScript 輪播插件，廣泛應用於網站和行動應用程式的圖片輪播、幻燈片和滑塊展示。它提供了豐富的配置選項和自定義功能，非常容易擴充，不僅如此還有完整的Example，可讓開發者快速開始輕鬆創建出優雅且互動性強的輪播效果。

為何要加入燈箱功能

在很多使用場景下，只有輪播功能可能無法完全滿足需求，特別是當用戶想要更專注地放大圖片並細看細節時，我發現 Swiper 沒有預設這樣的功能，所以在這樣的情況下，將 Lightbox（燈箱）功能加入 Swiper 是一個明智的選擇。Lightbox 是一種常見的互動式圖片展示方式，它可以讓用戶單擊圖片時在一個彈出視窗中放大圖片，以提供更好的使用者體驗。這種結合可以為用戶提供更大的圖片展示空間，更方便地觀看圖片細節，並增加了互動性和使用便利性。

如何合併燈箱功能

這部分我已經實作在CodePen上，有興趣的可以參考下列程式碼，並可以直接在codePen上看執行結果，這樣最快

See the Pen
Untitled by VECTOR.cool 威得數位 (@ann71727)
on CodePen.

[……]

Json code comments

Json 為純數據，簡單來說，Json現階段沒有標準註解，但沒有註解實在很不方便，所以可以用偷吃步的方式，一樣以 Key:Value 的方式呈現資料，取個像註解的Key用雙斜線開頭而Value 就是註解的文字，用以讓程式碼忽略這個資料

這種方式註解看起來像這樣：

註解在資料裡的樣子：

https://stackoverflow.com/a/244858

[……]

三竹簡訊串接 – API 網址

三竹簡訊官方API文件，API Call 的網址如下：，

https://{三竹網域名稱}/b2c/mtk/SmSend

還以為真的是直接用他官網的網域，太天真了，弄半天結果不是，最後透過客服得知三竹簡訊目前帳號分為，個人帳號 (二站)、企業帳號 (三站)，Call 的網址不同，call 的網址分別為下面兩個網址：

API 網址

企業帳號 (三站)
https://smsapi.mitake.com.tw/api/mtk/SmSend?

個人帳號 (二站)
http://smsb2c.mitake.com.tw/b2c/mtk/SmSend?

簡單測試API

[……]

Windows 刪除已信任的https憑證、管理憑證

游標移到左下角按右鍵，是「右鍵」喔，選執行

輸入「certmgr.msc」按確定紐

開啟憑證管理的面板，左側是憑證類別，右邊是憑證，選取憑證後可以在上方控制列按下紅色叉叉的圖標刪除，也可以點擊滑鼠右鍵選刪除，來刪除已信任的憑證

參考資料：

[……]

Clear Chrome DNS Cache

快取這種東西對一般人而言，能加快網頁開啟速度何嘗不好，對於開發人員來說可能是場噩夢，開發時常遠端環境及本地端模擬環境中切換，DNS快取常令我們不知道我正在瀏覽的是遠端環境還是本地端環境，即便我已經清除了 Windows 快取，Ping IP 也顯示正確了IP了，結果還是瀏覽到遠端的網站，後來發現 Chrome 也有 DNS 快取，本篇教大家如何用最簡單的方式清除 Chrome DNS 快取。

在Chrome網址列貼上下方網址，如下圖，就會出現 Clear host cache 按鈕，按下去就對了

https://superuser.com/a/611712

[……]