文章

目前顯示的是 九月, 2019的文章

[技術] WebP

WebP圖片是個檔案較小的格式,
目前WebP支援程式已達80%,但IE和Safari不支援,故在專案使用上,還是需依專案需求考量,在查WebP資料時,有看到一篇很實用的文章(在此記錄一下),在參考資料中有提出使用WebP的相關方法:

1.將圖片轉換為WebP格式的方法
2.在html使用WebP圖片的方法
3.在css使用WebP圖片的方法

參考資料:
使用 WebP 格式減少圖片載入時間
https://medium.com/@mingjunlu/image-optimization-using-webp-72d5641213c9

使用excel計算2個日期之間差異月數

圖片
使用excel計算2個日期之間差異月數
DATEDIF函數用法:DATEDIF(開始日期,結束日期,回傳值項目[y年, m月, d日])
開始日期2019/5/1,結束日期2019/8/27,要回傳相差幾個月
=DATEDIF(DATE(2019, 5, 1), "2019/8/27", "m")

延伸若要計算每月繳費固定為150元,從2019/5/1開始繳費,每月1號均要繳費
因公式是算相差月份,故若要算金額需要多加1個月
=B2*(DATEDIF(DATE(2019, 5, 1), TODAY(), "m")+1)

TODAY() 今天當下的日期

[jQuery] 開啟或關閉modal

使用jQuery來操作它開啟(顯示)或關閉(隱藏)

$("#modal_submit").modal('show'); //開啟 $("#modal_submit").modal('hide'); //關閉
參考資料:
https://dotblogs.com.tw/newmonkey48/2017/06/02/113416
https://www.w3schools.com/bootstrap/bootstrap_modal.asp

[jQuery] 程式觸發click事件

之前使用modal時,有個情境為:
user點了modal中的確定按鈕, 然後會觸發jquery事件將資料存入DB,
在存入DB後要自動關閉modal.

程式觸發click事件 (模擬user按到關閉modal按鈕)
$('#btn_close').trigger('click');