相信大家都有這經驗，修改了網頁的標題、描述或預覽圖片，將網址貼到Line，居然還是顯示舊的，未更改之前的資料，這原因是Line為優化程式效能，有個快取功能，也就是說當L ine 機器人爬過，取得資訊後會把取得的資料存入快取資料庫，當第二次貼相同網址時，會直接去快取資料庫中抓資訊，所以不會真實反映當下的標題、描述內容。
但通常客戶不太會理你說的這些，只會把問題丟給你，以下就是解決方法囉，Line 推出了一個給開發人員的好功能，可以重新抓取網頁的資訊來取代原本抓取的資料
更新 !!! 原本文方法似乎已經不管用了，請參考最新做法 https://vector.cool/refresh-line-url-ogimage-cache/
http://poker.line.naver.jp/
把網址打上去，勾選 Clear Cache 重抓，就這麼簡單!!
refrence
https://blog.no2don.com/2020/11/line-line-clear-line-url-preview-cache.html
[……]
在首頁網址不變的前提下，利用 Apache .htaccess 重寫首頁頁面，指定到同站某一網頁內容，而不影響其他網頁運作
首頁需要改版時，但新版本頁面開發/測試時但還不能正式上線，但於準上線狀態，這時可以透過這技巧，避免停機更新，快速切換首頁顯示頁面，不更動網址所以行銷追蹤碼或廣告著陸都不會有問題
[……]
信用卡現金回饋，真的!! 大概就只能是那樣，而且優惠通常會隨著時間慢慢遞減，很多規則，一堆優惠不能合併使用，或要上網登錄，相信大家都有這種經驗，上信用卡網站登錄，系統就會跟你說這額滿那額滿，然後一堆廣告，之後再也不想登入，然後被銀行賺到。
最近看到吳慷仁的廣告，在那邊扭來扭連小孩都會扭了，老實說也沒太注意廣告什麼東西，今天來嘗試一下，挖屋!! 新的紅利積點模式，真心覺得很棒
先說 !! 不是業配、不是廣告、不是直銷，單純分享
今天發現一個現金回饋超高的東西 SHOPBANK，絕對不是像美安什麼鬼的直銷，要你去她網站上消費，不用!! 只要註冊然後，點它網站裡的賣場連結，點一個連結就可以回到你原本賣場去購物了，跟你原本的消費流程完全一樣，然後你就得到現金回饋了，淘寶為例：回饋10趴，買 10000 就等於商品 9 折，9000元就買到一樣的東西，再次強調，不用在他網站上買，只單純點一個連結導流量而已
就這樣!!!真的就這樣!!!
ASUS 買 3萬五筆電，就回饋 1750
不是像便利商店一樣積了一堆點數，然後去換東西或折抵， SHOPBANK 可以領出來白花花的現金，如果你比較精打細算的，這樣消費馬上就打折了，我超討厭複雜的東西，這真的超級簡單，懶人理財，比如：淘寶10%現金回饋，等於你買淘寶的東西就等於打九折了耶，錢可以領出來，可以領出來，不先申請嗎？還沒用都該申請著等
SHOPBANK 官網
https://app.shopback.com/ir3ZF42dvrb
不是在這網站買喔!!，一樣回到你要買東西的平台購買，帳號、消費、結帳完全一樣，你想問，哪有那麼好康，我也是不知道他賺什麼啦，SHOPBANK 怎麼獲利跟消費者不太有關係，尤其是本來就要買的東西，就跟 7-11 一樣積點，但我又要說一次，可以領出來!!
再懶一點，裝 Chrome 外掛，只要有他們合作的平台，馬上提醒你，非常簡單!!
點下圖連結，直接安裝吧!!
好康的東西一定要趕快追，誰知道他以後條件變差 SHOPBANK
https://app.shopback.com/ir3ZF42dvrb
[……]
瘟疫讓遠距會議的接受度大幅提高，疫後時代大家越來越接受遠距會議的模式，說到遠距會議應該沒人不知道 Google Meet，疫情瞬間廣泛運用在各企業上，展現各企業的求生意志，我們公司也不例外啦，一如往常發起 Google Meet 會議後，再平凡不過的介面居然跳出「您的麥克風無法運作，請試著重新載入頁面以修正問題」，這可急死我了，大家在線上等，我去說不出話，可說是有口難言阿
會議下方麥克風圖示總是有個該死的驚嘆號，點下驚嘆號打開不是很有用的提示訊息
照這這行說明，試著重新載入頁面，還是一樣捏，沒聲音就是沒聲音，大家在線上搖頭晃腦，還有多少耐性可以等你，趕快來排除問題
有捏，有授權這個網頁可存取麥克風，但還是沒聲音
重開機治百病，很多奇奇怪怪的情況都有機會隨重開機而去，結果還是一樣沒聲音，挫賽!!只好確認一下是不是我電腦的麥克風真的有問題，用 Line 打給同事，以確定麥克風是否正常運作
結果麥克風一樣沒收到聲音，只聽到遠端傳來的，喂有聽到嗎？喂喂喂，這時千萬不要以為麥可風壞了偷說他壞話，古人云，好事不靈壞的靈，這時突然好了你就糗大了
結果，的確 Line 我的麥克風也發不出聲音，排查方向往電腦麥克風設定
Win11 我還真不知道要去哪裡找音效設定面版，直接用搜尋的比較快了啦，到下方工具列打開搜尋的視窗
關鍵字欄輸入音效…，就會出現音效設定了，打開它
關鍵字欄輸入音效…，就會出現音效設定了
確認一下輸入裝置是否正確
對!!我哪知道是否正確，阿就去調調看啦，有聲音就正確啦，如果有聲音的話就恭喜你了，到這我還是沒聲音，我得繼續找下去了，線上的同事開始不耐煩囉~~
祈禱你的麥克風硬體沒壞或Windows可以很智能的幫你找到問題
今天不是我的天，仍然沒聲音，沒聲音，沒聲音，沒聲音
再來到更多音效設定來排查問題囉
奇怪的是，看到舊面板反而有安全感，到麥 Microphone 中，右下有個裝置使用方式，請確保他選擇的是：使用這個裝置 (啟用)
挖屋!! 有聲音咧，終於解決了，希望你們也能順利解決，繼續開不完的線上會議
[……]
好幾次都手殘點到這個，結果都關不了，乾脆寫一篇來提醒自己，這叫「透視格點」，老實說老人家也不知道這要用來幹嘛的，就是想關掉啦!!
跑出一些老人家不懂的線，還關不掉
原來這叫「透視格點」阿，我找你找得好苦啊，這邊把它隱藏就可以了
帥一點用快速鍵
Shift + Ctrl + I
Refrence:
https://blog.xuite.net/qzwxeasd/Note/33429434
[……]
純 CSS 製作自適應 RWD 正方形，可隨容器寬度大小改變，自動調整容器高度，維持正方形比例，而正方形容器中一樣可以有內容，不受影響
HTML:
CSS:
example:
See the Pen
CSS RWD square 正方形 by VECTOR.cool 威得數位 (@ann71727)
on CodePen.
Refrance:
https://spin.atomicobject.com/2015/07/14/css-responsive-square
[……]
終於還是升級了 Win11，升級完成後慘案還是發生了，該來的還是會來。在我電腦中安裝用來開發用的 XAMPP 中的 MySQL 居然打不開了!!! 還好在 Win10 的時候有遇過一次，也感謝自己有記錄下來，依然有用，解決我 Win11 安裝後 MySQL 崩潰問題，也保住所有資料，本文也帶大家一步一步的做，如您也遇到一樣情況，可以參考本文，希望也能解決您的問題。
升級 Win11後，開啟 XAMPP 出現一堆錯誤的紅字，MySQL 也跟著掛了!!!!
由 XAMPP 控制面板開啟 mysql error log (也看不是很懂)
詳細原因其實也不是很清楚，網路上找到下列這篇文章，似乎是最簡單解決這個問題，本文是依照下列這篇文章進行問題排除，方法與原文有點差異，有興趣可參考原文
參考：xampp mysql and
參考：phpmyadmin dont work
如果您的資料已經有資料了，強烈建議備份下來，再來的動作可能會造成原有資料遺失，做危險操作時，花一些時間備份，養成好習慣
資料檔案預設目錄：C:\xampp\mysql\data
預設 backup 目錄：C:\xampp\mysql\backup
注意!! 若您 資料庫有使用 innodb 在複製 backup 中的檔案時，不可以複製 ibdata1 這個檔案，同時也確保 ibdata1 存在您的 data 目錄中，ibdata1 刪除了，將無法恢復您的資料庫
請參考此文章，恢復您的 innodb
參考：recover mysql database from ibdata1
覆蓋檔案完成，重啟 MySQL，太好了，沒有報錯，接著開啟 phpMyAdmin 驗證一下是否正常
噴了一些錯誤，但應該是密碼問題，剛覆蓋 backup 的檔案後，如果您的 phpMyAdmin 或其他程式都有設定資料庫登入密碼的話，需要重新設定密碼
開啟 XAMPP 面板，按下右側的 Shell 按鈕
輸入下列這段指令更改資料庫 root 密碼
參考：Resetting MySQL Root Password with XAMPP on Localhost
[……]
由值刪除陣列元素，以下是一個簡單的方式擴展 javascript prototype，試試!!
Refrance:
https://stackoverflow.com/a/60989209/6784662
https://stackoverflow.com/a/10517081/6784662
[……]
使用 JavaScript 的 Apply
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
Refrance:
https://stackoverflow.com/a/3914600/6784662
https://realdennis.medium.com/javascript-%E8%81%8A%E8%81%8Acall-apply-bind%E7%9A%84%E5%B7%AE%E7%95%B0%E8%88%87%E7%9B%B8%E4%BC%BC%E4%B9%8B%E8%99%95-2f82a4b4dd66
[……]
漂亮的字體可以讓增添網頁個性及可讀性，但要注意載入外部字型 / 字體則會增加網站下載的時間，這兩者的平衡則交由網頁設計師的判斷，本篇介紹如何將外部字型載入 CSS 中
font-family: 定義字體的名稱 'Helvetica' ，這名稱是可以自定義的
src: 依序載入字體，而 local( "Helvetica" )，會先找使用者電腦中是否有安裝此字體，如果有則直接使用使用者的系統字體，如果使用者系統沒此字體再依序下載字體
url: 相對路徑或絕對路徑
字型格式附檔名format() 指定方式WOFF（Web Open Font Format）.woff"woff"TrueType.ttf"truetype"OpenType.ttf 或 .otf"opentype"Embedded OpenType.eot"embedded-opentype"SVG Font.svg 或 .svgz"svg"
Refrance:
https://blog.gtwang.org/web-development/css-font-face/
https://www.iware.com.tw/qa-508.html
[……]
