NTP Server Taiwan 網路時間協定伺服器

台灣國家時間與頻率標準實驗室 – NTP Server

參考：http://ww.stdtime.gov.tw/Time/ntp/resource.htm

Google – NTP Server

參考：https://developers.google.com/time/

Apple – NTP Server

微軟Microsoft – NTP Server

Facebook – NTP Server

參考：https://engineering.fb.com/production-engineering/ntp-service/

[……]

閱讀更多

綠界金流開發及測試環境

開發後台入口：

https://vendor-stage.ecpay.com.tw/User/LogOn_Step1

測試帳戶資訊

測試帳號 stagetest1234 測試密碼 test1234 測試統編 53538851

系統介接資訊

商店代號2000132

服務名稱介接 HashKey介接 HashIV金流、MPOS5294y06JbISpM5x9v77hoKGq4kWxNNIS電子發票ejCk326UnaZWKisgq9jcZX8Ib9LM8wYk物流5294y06JbISpM5x9v77hoKGq4kWxNNIS[……]

閱讀更多

Bootstrap 欄位垂直居中

版本：4.3.1

方法一、align-items-center

於父層使用 align-items-center 這對我來說是有效的，代碼如下：

參考：https://stackoverflow.com/a/44801382/6784662

See the Pen bootstrap vertical align center – align-items-center by VECTOR.cool 威得數位
(@ann71727) on CodePen.

方法二、d-flex

與方法一出來的結果一樣、不過方法二不需要依賴父容器，代碼如下：

See the Pen bootstrap 4 column vertical align center – flex by VECTOR.cool 威得數位
(@ann71727) on CodePen.

[……]

閱讀更多

jQuery TWzipcode Plugin With Bootstrap 4 Form

TWzipcode 是一個由台灣人開發的多層次選單，可選城市、地區及郵遞區號，非常的好用，快給台灣人鼓勵鼓勵

台灣郵遞區號插件：https://github.com/essoduke/jQuery-TWzipcode

其實很早就再使用這插件了，但之前用的是舊版本，以前使用方式如下方代碼，會自動生成城市及地區的下拉選單及一個郵遞區號的文字輸入框，這樣使用方式與Bootstrap的表單結構不太相容

今天看到 v1.7.14 版本，增加了自訂HTML結構的用法，馬上來試試看，以下是HTML的用法：

果真可以相容於 Bootstrap ，這版本實在太棒了，完全跟 Bootstrap 表單融為一體，感謝作者，以下也分享我的代碼

[……]

閱讀更多

JavaScript options object merge

這很有用喔，JavaScript 把零散程式封裝成插件時，會傳入物件相關選項 options，使封裝的程式因為選項 options 的屬性值不同而能實體化出更多可能。

建立封裝程式的選項 options 物件

為維持程式正常運行，通常都會建立一個預設值物件，在實體化的時候傳入一個選項 options 物件 ，與預設選項物件合併，後者覆蓋前者，以下為範例程式：

_default 為預設物件

options 為傳入物件

_options 為合併後物件

output:

options merge

如果兩個對象都有一個具有相同名稱的屬性，則第二個對象屬性將覆蓋第一個對象。

ES6在2015年引入了spread運算符【…】，這是將兩個簡單對象合併為一個的完美方法：

output:

參考資料：

https://stackoverflow.com/a/171256/6784662

[……]

閱讀更多

jQuery / JavaScript Loaded Event

DOM 解析完成觸發

不需完成圖片、CSS、iframe等加載，只要DOM解析完成就觸發，這邊介紹兩種寫法，完成相同任務

JavaScript

jQuery

資源載入完成觸發

圖片、CSS、iframe…等，資源載入完成後觸發， 這邊一樣介紹兩種寫法，完成相同任務

JavaScript

jQuery

HTML事件參考

https://html.spec.whatwg.org/multipage/indices.html#events-2

[……]

閱讀更多

Youtube embed iframe API loop/repeat not working

有效解決這問題，除了loop=1以外，要多加一個 playlist 參數playlist=VIDEO_ID ，這對我有效

參考資料：
https://developers.google.com/youtube/player_parameters#loop
https://stackoverflow.com/a/25781957/6784662

[……]

閱讀更多