2020 Lazy Load 延遲載入圖片原理及實作分析研究
前陣子接到一個需求，客戶網站做完「PageSpeed Insights」檢測後分數很低，於是尋求協助。對客戶網站進行健檢後提供一份報告與建議，客戶詢問「延遲載入畫面外圖片」的部分如何改善。 這個項目「PageSpeed Insights」本身提供了不少參考資料，不過研究後才發...
繼續閱讀全文前端使用 JS 裁切圖片並壓縮再存到後端﹍Croppie 實作範例
最近接到一個需求，希望使用者上傳圖片時，可先在前端進行裁切，以免存到後端的圖片尺寸比例不對，也可避免檔案過大。 之前寫過一篇「 前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳 」，其實也能處理前述大部分需求，但稍有不足之處： 只能對上傳的圖片等比例縮小 不能防止 使用...
繼續閱讀全文自然輸入法購買使用心得及許氏鍵盤替代方案
最近買了新的 Win10 筆電，將原本 Win10 筆電的自然輸入法解安裝後，在新筆電重新安裝(我買的是單機版、非多機版)。沒想到使用原版光碟、序號安裝後，卻變成只有試用版的功效，設定畫面許多選項都是反白、無法變更的狀態，我最需要的「許氏鍵盤」被封鎖了。 習慣許氏鍵盤後，一般...
繼續閱讀全文Adsense 出現惡意蓋版廣告事件紀實
前陣子接獲報案，表示網站出現蓋版廣告，找不到排除的方法，因而尋求協助。 原本猜想到 Adsense 後台改一下設定、調整一下安裝碼就好，結果處理後才發現事情不單純，因此特別整理一篇做為記錄。
繼續閱讀全文Javascript 字串加密解密範例研究
最近需要用 JS 保存一些，不想被很容易就判讀出來的資料，因此研究了一下 JS 如何對字串進行加密及解密。 結果搜尋發現網路上這方面的實用工具不多，原因大致是： JS 是攤在陽光下的語言，加密解密流程會被看到 因此很少純前端進行加密與解密，大多是配合後端進行運算，一邊加...
繼續閱讀全文
