Everything you care about in one place
Follow feeds: blogs, news, RSS and more. An effortless way to read and digest content of your choice.
Get Feederblog.huli.tw
Huli's blog
Get the latest updates from Huli's blog directly as they happen.
Follow now 23 followers
Latest posts
Last updated 16 days ago
人人都需要一個 HTTP proxy 來 debug
16 days ago
身為每天都要與網頁打交道的前端工程師，熟悉 DevTools 的使用是相當合理的。每當接 API 出問題時，就按下快捷鍵打開 DevTools，切到 Network 分頁，找到紅色的那一行，右鍵複製成 cURL 貼到群組裡面，讓後端自己找找問題。但不曉得大家有沒有碰過 DevTools 不夠用的狀況，這時該怎麼辦？DevTools...
VS Code Material Theme 不是惡意軟體——安全的線該畫在哪？
about 2 months ago
應該不少人都有跟到三週前 VS Code 上的知名套件 Material Theme 被微軟主動下架的新聞，那下架的理由是什麼呢？根據你得知這件事的消息來源以及自身個性，可能會有兩種回答：它「疑似」含有惡意程式碼它就是個惡意軟體為什麼跟自身個性有關呢？因為就算消息來源接收到的是第一種，在種種條件的互相加持影響之下，你也很有可能解釋成第二種。以台灣的消息來源來說，最多人看到的應該是保哥的這篇臉書貼文，內文寫著：微軟緊急下架擁有 900 萬次下載的知名 Material Theme Icons...
navigator.sendBeacon 的 64KiB 限制與底層實作
4 months ago
當你想在網頁上向 server 發送一些 tracking 相關的資訊時，比起直接用 fetch 送出請求，有另一個通常會被推薦的選擇：navigator.sendBeacon。為什麼會推薦這個呢？因為如果是用一般送出請求的方法，在使用者把頁面關掉或是跳轉的時候可能會有問題，例如說剛好在關掉頁面時發送請求，這個請求可能就送不出去，隨著頁面關閉一起被取消了。雖然說可以利用一些方法嘗試強制送出請求，但這些方法通常都會傷害使用者體驗，例如說強制讓頁面晚一點關閉，或是送出一個同步的請求之類的。而 navigator.sendBeacon 就是為了解決這個問題而生的。就如同 spec 上所寫的：This specification...
HITCON CTF & corCTF & sekaiCTF 2024 筆記
8 months ago
久違的筆記，想寫很久了但一直拖延，像是 CTF 這種東西的 writeup 其實速度滿重要的，因為賽後討論大部分都在 Discord 裡面發生，時間久了訊息比較難找，而且很有可能忘記，要趕快寫成 writeup 才能把那些實用的資訊記錄下來。這篇一次帶來三個 CTF 的 writeup，有些我沒有打，只是純粹看著別人的筆記重新記一遍而已。關鍵字列表：bfcacheresponse...
idekCTF 2024 筆記之 iframe 高級魔法
8 months ago
在 idekCTF 2024 中，由 icesfont 所出的一道題目 srcdoc-memos 十分有趣，牽涉到了許多 iframe 的相關知識。我沒有實際參加比賽，但賽後看了題目以及解法，還是花了好幾天才終於看懂為什麼，十分值得把過程以及解法記錄下來。由於這題牽涉到不少與 iframe 相關的知識，我會盡量一步一步來，會比較好理解。srcdoc-memos題目連結：https://github.com/idekctf/idekctf-2024/tree/main/web/srcdoc-memos這題的程式碼如下，目標是達成...
GoogleCTF 2024 筆記
11 months ago
這半年左右因為有其他事情在忙，有段時間沒有好好打一場 CTF 了，這次為了 GoogleCTF 2024 騰出時間，跟隊友一起把所有 web 都解掉了。然後題目依舊很有趣，這次有三題有參與到，另外兩題比較簡單的隊友都先解掉了，沒機會看，但還是會稍微做個紀錄。難得有這種幾乎都是 client-side challenge 的 CTF，我是滿喜歡的。關鍵字：URL...
請儘速遠離 cdn.polyfill.io 之惡意程式碼淺析
11 months ago
Polyfill.io 是一個能夠自動提供前端 polyfill 的服務，使用方法相當方便，只需要選擇想被 polyfill 的功能，再引入一個 JavaScript 檔案即可：<script src="https://polyfill.io/v3/polyfill.min.js"></script>Server 端會自動根據 user-agent 來判斷是不是需要回傳...
快速部署網站的新選擇：Zeabur 使用心得
about 1 year ago
以前當我想要部署一個簡單的服務時，我會去 Heroku 上面，因為簡單而且免費，雖然說還是有些使用限制，但整體而言還是很方便的，甚至還有一些簡單的 DB 可以用。如果是靜態網頁，會選擇 Netlify 或是 GitHub Pages，也都是簡單方便的選擇。但 Heroku 從 2022...
從 React 到 Vue 的心得感想
about 1 year ago
如果有看過我的部落格的話，應該會知道我一直都是寫 React，完全沒有碰過 Vue，也沒有碰過 Angular。自從 2015 年接觸到 React 後，工作上就一直是用 React 了。然而，最近因為工作上的需求，所以開始寫 Vue 了，而剛好也有讀者來問我從...