MLMichael Luoinmichael0520-blog.hashnode.dev·Aug 18, 2022 · 2 min readVue3-06-props&emit 元件的溝通傳遞元件的溝通傳遞 Vue.js 每個元件的實體狀態、模板等作用範圍都應該要是獨立的， 也就是我們不能（也不應該）在子元件的模組「直接」去修改父元件，甚至是另一個元件的資料，因為元件化就是為了能夠重複使用，希望這些元件可以根據『外部＆內部』資料的改變，來呈現出不同的結果， 如果需要透過父層來傳遞資料給子層的話，就是 props 如果需要透過子層來傳遞資料給父層的話，就是 emit  => { console.log(`new: ${newVal} ; old: ${oldVal}`); }); ref & reactive watch 監控差異 下方範例測試簡單的 ref watch 範例來執行： const { ref, reactive, ...00
MLMichael Luoinmichael0520-blog.hashnode.dev·Aug 6, 2022 · 2 min readJavaScript - Macrotask 與 MicroTask 差異以及情境使用提到 Macrotask 與 MicroTask 之前，先再次複習 Promise 的觀念： 一個 Promise 最終會有兩種狀態 對應 Promise 的不同狀態，會各自觸發 .then 與 .catch 兩個函式 利用 Promise 可以達成非同步行為，而且內容可以自訂 Macrotasks 關於 Event Queue 有些 Web API 是具有非同步的行為，而在非同步的目的達成之後，瀏覽器會把給定的對應的函式推送到 Event Queue 裡面，這些一個一個函式正好代表每一件要...00
MLMichael Luoinmichael0520-blog.hashnode.dev·Aug 6, 2022 · 2 min readReact Hook - useEffectReact Hook - useEffect useEffect useEffect 讓你可以使用 function component 中的 side effect，side effect 包含資料 fetch 或手動改變 React component 中的 DOM。 因此當每次更新時，在 useEffect 中沒有設定相依參數，將會持續被執行。 :::tip Effect 重點 任何會產生 side Effect 的行為都應該 Effect Hook 裡執行。 他和 componentDi...00
MLMichael Luoinmichael0520-blog.hashnode.dev·Aug 5, 2022 · 2 min readJavaScript - Event-Loop這次在練習一些前端常見的面試提時，遇到了一個有關 Event Loop 的題目問題，實在不是很暸解確切的執行過程，因此記錄一下學習筆記。 JavaScript - Event-Loop 關於 Event-Loop 在瀏覽器執行時的優點有兩項： Event Loop 協助了非同步請求的實現，並產生連貫的畫面呈現（influent UI）。 
