mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-08-18 07:29:33 +08:00
16 lines
10 KiB
XML
16 lines
10 KiB
XML
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 812.8522262573242 285.6218719482422" width="1625.7044525146484" height="571.2437438964844">
|
|
<!-- svg-source:excalidraw -->
|
|
|
|
<defs>
|
|
<style class="style-fonts">
|
|
@font-face {
|
|
font-family: "Virgil";
|
|
src: url(".//dist/excalidraw-assets/Virgil.woff2");
|
|
}
|
|
@font-face {
|
|
font-family: "Cascadia";
|
|
src: url(".//dist/excalidraw-assets/Cascadia.woff2");
|
|
}
|
|
</style>
|
|
</defs>
|
|
<rect x="0" y="0" width="812.8522262573242" height="285.6218719482422" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 10) rotate(0 70.39109802246094 45.48152160644531)"><path d="M22.74 0 M22.74 0 C47.27 -0.62, 72.09 -1.34, 118.04 0 M22.74 0 C56.81 0.18, 92.21 -1.43, 118.04 0 M118.04 0 C133.79 -0.52, 142.01 5.88, 140.78 22.74 M118.04 0 C135.38 -1.31, 141.69 9.13, 140.78 22.74 M140.78 22.74 C142.68 33.43, 141.68 45.73, 140.78 68.22 M140.78 22.74 C142.08 33.22, 141.08 44.63, 140.78 68.22 M140.78 68.22 C139.19 83.05, 131.55 89.94, 118.04 90.96 M140.78 68.22 C142.06 82.7, 134.38 92.54, 118.04 90.96 M118.04 90.96 C90.13 92.28, 61.34 89.76, 22.74 90.96 M118.04 90.96 C97.44 91.18, 75.45 91.12, 22.74 90.96 M22.74 90.96 C6.97 91.81, 1.03 81.48, 0 68.22 M22.74 90.96 C7.69 89.62, 2.21 83.14, 0 68.22 M0 68.22 C-1.55 57.85, 1.85 51.17, 0 22.74 M0 68.22 C-0.11 53.02, 0.37 39.74, 0 22.74 M0 22.74 C-1.27 5.75, 9.23 1.23, 22.74 0 M0 22.74 C-1.52 7.38, 6.58 1.22, 22.74 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(30.391098022460938 43.73152160644531) rotate(0 50 11.5)"><text x="50" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Component</text></g><g stroke-linecap="round" transform="translate(229.20806121826172 10) rotate(0 70.39109802246094 45.48152160644531)"><path d="M22.74 0 M22.74 0 C47.49 1.65, 69.96 0.25, 118.04 0 M22.74 0 C44.75 -1.21, 67.79 -1.51, 118.04 0 M118.04 0 C132.87 1.15, 141.53 7.12, 140.78 22.74 M118.04 0 C133.93 -0.7, 141.75 8.77, 140.78 22.74 M140.78 22.74 C142.72 31.85, 138.85 39.94, 140.78 68.22 M140.78 22.74 C141.11 38.5, 140.49 53.29, 140.78 68.22 M140.78 68.22 C141.8 83.53, 131.28 92.08, 118.04 90.96 M140.78 68.22 C140.8 81.92, 131.09 92.86, 118.04 90.96 M118.04 90.96 C82.74 91.94, 48.5 91.96, 22.74 90.96 M118.04 90.96 C94.44 91.67, 69.59 91.39, 22.74 90.96 M22.74 90.96 C7.7 90.86, 0.27 83.03, 0 68.22 M22.74 90.96 C9.36 92.96, -0.97 81.24, 0 68.22 M0 68.22 C-1.18 49.04, 1.32 31.58, 0 22.74 M0 68.22 C0.63 50.23, -0.06 33.19, 0 22.74 M0 22.74 C-0.4 6.1, 8.99 0.66, 22.74 0 M0 22.74 C-0.6 7.23, 8.66 -0.2, 22.74 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(245.09915924072266 31.981521606445312) rotate(0 54.5 23)"><text x="54.5" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Component</text><text x="54.5" y="40" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Rerendered</text></g><g stroke-linecap="round" transform="translate(448.41612243652344 10) rotate(0 70.39109802246094 45.48152160644531)"><path d="M22.74 0 M22.74 0 C58.55 -0.04, 94.69 -0.09, 118.04 0 M22.74 0 C59.04 -1.41, 94.73 -0.36, 118.04 0 M118.04 0 C133.32 -1.59, 138.94 9.45, 140.78 22.74 M118.04 0 C134.7 -0.63, 139.49 6.32, 140.78 22.74 M140.78 22.74 C139.35 36.07, 140.72 51.15, 140.78 68.22 M140.78 22.74 C139.73 38.6, 139.81 52.5, 140.78 68.22 M140.78 68.22 C139.64 85.04, 131.21 92.12, 118.04 90.96 M140.78 68.22 C138.89 82.34, 133.63 92.57, 118.04 90.96 M118.04 90.96 C93.65 90.26, 70.09 91.21, 22.74 90.96 M118.04 90.96 C80.44 90.18, 43.79 91.41, 22.74 90.96 M22.74 90.96 C7.99 91.29, -0.41 83.6, 0 68.22 M22.74 90.96 C7.03 92.31, 0.9 84.94, 0 68.22 M0 68.22 C-0.31 57.44, 0.16 43.45, 0 22.74 M0 68.22 C-0.33 56.07, -0.33 43.58, 0 22.74 M0 22.74 C-1.62 9.21, 7.82 -0.89, 22.74 0 M0 22.74 C-2.08 6.74, 7.4 0.68, 22.74 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(468.8072204589844 43.73152160644531) rotate(0 50 11.5)"><text x="50" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">useEffect</text></g><g stroke-linecap="round" transform="translate(445.40747833251953 184.65882873535156) rotate(0 70.39109802246094 45.48152160644531)"><path d="M22.74 0 M22.74 0 C49.37 0.24, 74.53 -0.12, 118.04 0 M22.74 0 C45.51 -1.33, 66.25 0.33, 118.04 0 M118.04 0 C134.13 0.27, 141.76 5.88, 140.78 22.74 M118.04 0 C131.31 0.94, 141.72 5.86, 140.78 22.74 M140.78 22.74 C138.79 33.7, 142.09 49.2, 140.78 68.22 M140.78 22.74 C140.9 38.28, 140.55 54.99, 140.78 68.22 M140.78 68.22 C139.07 84.23, 134.02 92.57, 118.04 90.96 M140.78 68.22 C139.14 83.07, 131.54 90.74, 118.04 90.96 M118.04 90.96 C92.56 88.74, 66.11 91.74, 22.74 90.96 M118.04 90.96 C96.2 89.3, 74.06 89.53, 22.74 90.96 M22.74 90.96 C8.27 90.12, -0.02 84.87, 0 68.22 M22.74 90.96 C8.04 90.71, 0.31 85.08, 0 68.22 M0 68.22 C-1.07 56.18, -0.25 41.6, 0 22.74 M0 68.22 C-0.04 54.11, 0.01 39.27, 0 22.74 M0 22.74 C-0.46 7.37, 6.89 -0.97, 22.74 0 M0 22.74 C0.91 6.26, 7.21 0.56, 22.74 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(466.79857635498047 195.14035034179688) rotate(0 49 34.5)"><text x="49" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Rendered </text><text x="49" y="40" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">component</text><text x="49" y="63" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">(DOM)</text></g><g stroke-linecap="round" transform="translate(662.0700302124023 184.65882873535156) rotate(0 70.39109802246094 45.48152160644531)"><path d="M22.74 0 M22.74 0 C59.16 0.19, 94.6 -1.2, 118.04 0 M22.74 0 C55.77 1.62, 89.93 0.94, 118.04 0 M118.04 0 C134.18 -1.7, 139.13 8.4, 140.78 22.74 M118.04 0 C134.14 -1.72, 140.36 5.31, 140.78 22.74 M140.78 22.74 C142.19 32.93, 141.61 42.44, 140.78 68.22 M140.78 22.74 C140.26 35.28, 139.88 49.02, 140.78 68.22 M140.78 68.22 C141.6 84.99, 131.77 90.69, 118.04 90.96 M140.78 68.22 C139.12 83.16, 132.6 92.38, 118.04 90.96 M118.04 90.96 C98.04 91.91, 76.09 88.56, 22.74 90.96 M118.04 90.96 C96.15 89.3, 75.13 89.62, 22.74 90.96 M22.74 90.96 C7.56 92.45, 0.4 83.17, 0 68.22 M22.74 90.96 C7.89 92.66, -0.27 85.24, 0 68.22 M0 68.22 C0.28 50.76, 0.73 32.43, 0 22.74 M0 68.22 C-0.18 58.85, -0.04 47.47, 0 22.74 M0 22.74 C-0.69 6.61, 8.37 -1.15, 22.74 0 M0 22.74 C-0.37 8.14, 9.54 -0.47, 22.74 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(682.4611282348633 218.39035034179688) rotate(0 50 11.5)"><text x="50" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">useEffect</text></g><g stroke-linecap="round"><g transform="translate(152.72433471679688 54.937408447265625) rotate(0 37.44209115409291 0.22884276827795702)"><path d="M0.06 -0.11 C12.77 0.12, 63.43 0.42, 76.24 0.48 M-1.36 -1.22 C11.18 -0.75, 62.28 1.29, 75.26 1.68" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(152.72433471679688 54.937408447265625) rotate(0 37.44209115409291 0.22884276827795702)"><path d="M46.53 10.81 C54.33 9.15, 62.54 5.58, 74.02 1.56 M46.24 10.87 C54.03 8.22, 63.33 4.94, 75.57 0.68" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(152.72433471679688 54.937408447265625) rotate(0 37.44209115409291 0.22884276827795702)"><path d="M47.26 -9.7 C54.68 -5.17, 62.67 -2.54, 74.02 1.56 M46.97 -9.64 C54.59 -6.41, 63.68 -3.82, 75.57 0.68" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(374.8752746582031 53.524810791015625) rotate(0 35.07298063717781 0.9508364362888813)"><path d="M0.87 1.15 C12.72 1.34, 58.54 1.98, 70.29 1.69 M-0.14 0.71 C11.64 0.54, 57.48 0.23, 69.35 0.14" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(374.8752746582031 53.524810791015625) rotate(0 35.07298063717781 0.9508364362888813)"><path d="M43.15 10.66 C49.43 9.81, 52.1 4.8, 70.41 -1.6 M40.26 10.75 C49.89 7.47, 59.65 4.17, 68.5 0.8" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(374.8752746582031 53.524810791015625) rotate(0 35.07298063717781 0.9508364362888813)"><path d="M43 -9.86 C49.4 -6.02, 52.11 -6.34, 70.41 -1.6 M40.11 -9.77 C49.9 -6.16, 59.71 -2.57, 68.5 0.8" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(513.8061828613281 106.60317993164062) rotate(0 0.6413195829838969 36.22688212133943)"><path d="M-1.03 0.79 C-0.56 12.58, 1.92 59.17, 2.31 71.28 M0.63 0.16 C1.01 12.02, 0.97 60.37, 1.5 72.3" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(513.8061828613281 106.60317993164062) rotate(0 0.6413195829838969 36.22688212133943)"><path d="M-7.97 44.73 C-8.04 50.36, -1.64 58.26, -0.34 72.38 M-10.11 44.24 C-6.14 54.6, -1.77 65.05, 2.48 71.89" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(513.8061828613281 106.60317993164062) rotate(0 0.6413195829838969 36.22688212133943)"><path d="M12.55 44.35 C7.17 49.9, 8.27 57.9, -0.34 72.38 M10.4 43.85 C6.67 54.53, 3.34 65.12, 2.48 71.89" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask><g stroke-linecap="round"><g transform="translate(593.5982360839844 227.46124267578125) rotate(0 32.13781153344547 0.296320944046613)"><path d="M1.07 0.86 C11.78 0.98, 53.69 1.15, 64.1 1.16 M0.17 0.27 C10.69 0.02, 51.94 -0.32, 62.9 -0.56" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(593.5982360839844 227.46124267578125) rotate(0 32.13781153344547 0.296320944046613)"><path d="M36.3 9.29 C44.16 5.07, 51.77 3.16, 61.99 -0.93 M35.59 9.16 C42.77 7.48, 51.13 2.67, 63.76 -1" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(593.5982360839844 227.46124267578125) rotate(0 32.13781153344547 0.296320944046613)"><path d="M36 -11.23 C44.02 -9.55, 51.72 -5.56, 61.99 -0.93 M35.29 -11.36 C42.66 -6.89, 51.12 -5.57, 63.76 -1" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask></svg> |