發表文章

[技術] 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');
閱讀完整內容

[PHP] curl post

使用curl post傳送/取回資料 //虛擬網址 $url = 'https://www.test.com'; //要post過去的值 $post_arr = array('name' => 'joy', 'email' => 'joy@gmail.com'); $ch = curl_init(); //curl init curl_setopt($ch, CURLOPT_URL, $url); //設定連線網址 curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-type: application/x-www-form-urlencoded')); //設定header curl_setopt($ch, CURLOPT_POST, true); //啟用post curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($post_arr)); //傳入post參數 curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); //使用https網址, 而無法正常運作時, 要加這個 curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); //使用https網址, 而無法正常運作時, 要加這個 $result = curl_exec($ch); //執行, 送出post並將結果存回 curl_close($ch); //關閉連線 參考資料： https://blog.johnsonlu.org/php-curl/
閱讀完整內容

[技術] javascript尋找字串

javascript尋找字串使用indexOf()函式 回傳找該字串的位置：沒找到回傳-1, 找到則回傳>=0 str = 'Hello world'; str.indexOf('H'); //回傳0 str.indexOf('w'); //回傳6 str.indexOf('g'); //回傳-1 //對是否尋找到該字串do something if (str.indexOf('g') > -1) { console.log('找到'); } else { console.log('未找到'); } 參考資料： https://pjchender.blogspot.com/2015/05/javascript.html https://www.w3schools.com/jsref/jsref_indexof.asp
閱讀完整內容

youtube或facebook下載影片(用修改網址)

下載影片使用請注意版權相關事項，避免侵權。 下載youtube影片, 將網址修改如下 youtube => ssyoutube youtube => yout youtube => youtubeto youtube => youtubepp youtube => youtu10 參考資料： https://0800happy.com/2210/ 下載fb影片, 將網址修改如下 www.facebook.com/..... => mbasic.facebook.com/.... 然後點影片讓影片播放，再於空白處 按滑鼠右鍵 另存新檔 即可 參考資料： https://0800happy.com/3695/
閱讀完整內容

[jQuery] 區塊顯示或隱藏語法

使用jQuery將區塊顯示或隱藏 可以使用 //html程式 操作區域 //js程式 $("#article_block").show(); //顯示區塊 $("#article_block").text('換字'); //修改區塊裡的文字 $("#article_block").hide(); //隱藏區塊 參考資料： https://api.jquery.com/hide/#hidehttps://api.jquery.com/show/#show
閱讀完整內容

[保險] 考照題庫網站

保險從業人員基本考照，不管是否要從事該相關行業， 若自己有買保險，多了解一些也是挺好的 金融市場常識 與 職業道德測驗 https://webline.sfi.org.tw/T/ethics/download.asp 人身保險 https://sites.google.com/site/meichia1948/liqt 這個網站只要是以題庫為主，在每一題也會有詳細解答，可以重複練習，增加長期記憶力。
閱讀完整內容

[工具] vs code(visual studio code)自動換行設定

圖片
vs code(visual studio code)自動換行設定 一、開啟File > Preferences > Settings 二、搜尋輸入wordwarp，並將Editor:Word Warp從off換成on 三、設定完成 參考網址： https://www.twblogs.net/a/5b80df572b71772165a9da72
閱讀完整內容