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/

[……]

閱讀更多

CSS ul li 水平居中 only CSS

這是目前我認為最簡單的方法,最下方可以看到Example,特別加上一點特效

HTML

CSS

See the Pen
CSS ul li horizontal align center
by VECTOR.cool 威得數位 (@ann71727)
on CodePen.

[……]

閱讀更多

綠界金流開發及測試環境

開發後台入口:

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

[……]

閱讀更多