CSS圓形：
border radius:50%不規則形：border radius:50px 0 0 50pxcodepen 預覽圖
linear-gradient:(顏色,顏色)linear-gradient:(方向,顏色,顏色)linear-gradient:(角度(deg),顏色,顏色)codepen 預覽圖
基本黑底:
box-shadow:10px 10px black;柔焦陰影：box-shadow:3px 3px 3px gray; codepen 預覽圖
No comments yet. Be the first to comment.
元件的溝通傳遞 Vue.js 每個元件的實體狀態、模板等作用範圍都應該要是獨立的， 也就是我們不能（也不應該）在子元件的模組「直接」去修改父元件，甚至是另一個元件的資料，因為元件化就是為了能夠重複使用，希望這些元件可以根據『外部＆內部』資料的改變，來呈現出不同的結果， 如果需要透過父層來傳遞資料給子層的話，就是 props 如果需要透過子層來傳遞資料給父層的話，就是 emit 
watch 總共有三個參數 val : 第一個為 被監聽的變數 newVal : 當監聽數值變化時，產生的新數值 oldVal : 當監聽數值變化時，產生的舊數值 watch(val, (newVal, oldVal) => { console.log(`new: ${newVal} ; old: ${oldVal}`); }); ref & reactive watch 監控差異 下方範例測試簡單的 ref watch 範例來執行： const { ref, reactive, ...
提到 Macrotask 與 MicroTask 之前，先再次複習 Promise 的觀念： 一個 Promise 最終會有兩種狀態 對應 Promise 的不同狀態，會各自觸發 .then 與 .catch 兩個函式 利用 Promise 可以達成非同步行為，而且內容可以自訂 Macrotasks 關於 Event Queue 有些 Web API 是具有非同步的行為，而在非同步的目的達成之後，瀏覽器會把給定的對應的函式推送到 Event Queue 裡面，這些一個一個函式正好代表每一件要...
React Hook - useEffect useEffect useEffect 讓你可以使用 function component 中的 side effect，side effect 包含資料 fetch 或手動改變 React component 中的 DOM。 因此當每次更新時，在 useEffect 中沒有設定相依參數，將會持續被執行。 :::tip Effect 重點 任何會產生 side Effect 的行為都應該 Effect Hook 裡執行。 他和 componentDi...
這次在練習一些前端常見的面試提時，遇到了一個有關 Event Loop 的題目問題，實在不是很暸解確切的執行過程，因此記錄一下學習筆記。 JavaScript - Event-Loop 關於 Event-Loop 在瀏覽器執行時的優點有兩項： Event Loop 協助了非同步請求的實現，並產生連貫的畫面呈現（influent UI）。 ![同步請求(Synchronous) v.s. 非同步請求(Asynchronous) (from: Alpha Camp)](https://miro.m...