CINXE.COM
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> <link rel="shortcut icon" type="image/x-icon" href="//img.alicdn.com/imgextra/i3/O1CN01XtT3Tv1Wd1b5hNVKy_!!6000000002810-55-tps-360-360.svg" /> <link rel="stylesheet" href="https://unpkg.com/antd@4.x/dist/antd.css" /> <style> .__dumi-default-navbar-logo { height: 60px !important; width: 150px !important; padding-left: 0 !important; color: transparent !important; } .__dumi-default-navbar { padding: 0 28px !important; } .__dumi-default-layout-hero { background-image: url(//img.alicdn.com/imgextra/i4/O1CN01ZcvS4e26XMsdsCkf9_!!6000000007671-2-tps-6001-4001.png); background-size: cover; background-repeat: no-repeat; padding: 120px 0 !important; } .__dumi-default-layout-hero h1 { color: #45124e !important; font-size: 80px !important; padding-bottom: 30px !important; } .__dumi-default-dark-switch { display: none; } nav a { text-decoration: none !important; } #carbonads * { margin: initial; padding: initial; } #carbonads { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; } #carbonads { display: flex; max-width: 330px; background-color: hsl(0, 0%, 98%); box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1); z-index: 100; float: right; } #carbonads a { color: inherit; text-decoration: none; } #carbonads a:hover { color: inherit; } #carbonads span { position: relative; display: block; overflow: hidden; } #carbonads .carbon-wrap { display: flex; } #carbonads .carbon-img { display: block; margin: 0; line-height: 1; } #carbonads .carbon-img img { display: block; } #carbonads .carbon-text { font-size: 13px; padding: 10px; margin-bottom: 16px; line-height: 1.5; text-align: left; } #carbonads .carbon-poweredby { display: block; padding: 6px 8px; background: #f1f1f2; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; font-size: 8px; line-height: 1; border-top-left-radius: 3px; position: absolute; bottom: 0; right: 0; } </style> <link rel="stylesheet" href="/umi.9451617a.css" /> <script> window.routerBase = "/"; </script> <script> //! umi version: 3.5.41 </script> <script> function loadAd() { var header = document.querySelector( ".__dumi-default-layout-content .markdown h1" ); if (header && !header.querySelector("#_carbonads_js")) { var script = document.createElement("script"); script.src = "//cdn.carbonads.com/carbon.js?serve=CEAICK3M&placement=formilyjsorg"; script.id = "_carbonads_js"; script.classList.add("head-ad"); header.appendChild(script); } } var request = null; var observer = new MutationObserver(function () { cancelIdleCallback(request); request = requestIdleCallback(loadAd); }); document.addEventListener("DOMContentLoaded", function () { loadAd(); observer.observe(document.body, { childList: true, subtree: true, }); }); </script> <script> !(function () { var e = navigator.cookieEnabled && void 0 !== window.localStorage ? localStorage.getItem("dumi:prefers-color") : "auto", o = window.matchMedia("(prefers-color-scheme: dark)").matches, t = ["light", "dark", "auto"]; document.documentElement.setAttribute( "data-prefers-color", e === t[2] ? (o ? t[1] : t[0]) : t.indexOf(e) > -1 ? e : t[0] ); })(); </script> </head> <body> <div id="root"></div> <script src="/umi.46e28e74.js"></script> </body> </html>