HAO Lit 前端
紀錄、關注及靈活運用技術，創造自我價值
HAO Lit 前端
HAO Lit 前端 剛開始學 hook 時，關於 dependencies 的用法只在於當變數更新時我要在執行一次或重新指定方法或變數，但當複雜的交互作用時，會發現自己學的還不夠多，很多奇怪的問題都會在開發時跑出來，例如我明明有指定 dependencies 的陣列變數，但是跑出來的結果卻不如預期，這些種種都是我對於 hook dependencies 還不熟的緣故。
最近公司在研究怎麼利用開源的 LLM 來開發企業內部的系統，但是很多開源的 LLM 都不如 OpenAI 的東西這麼強大，我這篇文章就先來用 OpenAI 來實現針對 PDF 內容回答的客服機器人，準確率是蠻高的唷!。
KMP、BM 以及 Aho-Corasick 演算法是實務上常常用來針對字串做搜尋的方法，詳細原理以及歷史，我會附上參考連結。這篇文章主要是想要比較這三種演算法的效能以及適合使用得場景。
最近專案上線後，某個功能在短短的 20 分鐘使用之後，常常就會發生瀏覽器效能變差，甚至崩潰必須重新啟動的問題。搞到團隊不論是工程師還是 QA 人員，都在瘋狂更新測試，一直在看到底是哪裡出現問題，最後才發現是記憶體洩漏，但 Javascript 不是都有 GC (垃圾回收機制)嗎？同時也在使用完變數後，都會給變數 null 值，讓他不會被參照。 該功能是有使用到 IO 錄音功能的，是不是哪邊的 track 還是 stream 沒有被正確回收？不斷的反覆修正測試，終於解決這個問題，才留下這個文章記錄並額外探討所謂的 Javascript 記憶體管理是怎麼回事。
最近專案上大量的開發 React，同事不斷的在專案上使用 useCallback, useMemo，導致我以為我對於這兩個的理解出現懷疑，索性就翻出筆記以及打開編輯器來驗證我的想法，才誕生這個文章。
Anchor Position 有可能是今年最令人感到興奮的 CSS 新功能之一了，不用 JavaScript 即可輕鬆定位和錨定元素，從而能夠創建 tooltip、modal 或者是 menu 和交互式網頁設計。
之前需要用到 Javascript 實現的彈出以及覆蓋視窗，現在只需要用 HTML 的 Popover API 就可以實現囉！
現代開發前端網站的時候，會需要把畫面元件化，方便維護以及重複使用等等。當元件很多後，畫面上也不一定會先用到該元件，例如提示視窗等。那會希望說該元件可以在用到的時候載入，這時候就會需要非同步元件來優化這部分的操作。
這個問題很開放，面試官常常利用這個問題來理解面試者的程度。那我們到底了解多少，以及在未來可以優化的東西有多少，透過這一篇的討論，希望能讓技能更趨於完整，將來遇到類似的問題，都可以侃侃而談、信手捻來。
