{"version":3,"sources":["main.js"],"names":["html","document","querySelector","style","string","string2","n","step","innerHTML","substring","scrollTo","length"],"mappings":";AAAA,IAAIA,EAAOC,SAASC,cAAc,SAC9BC,EAAQF,SAASC,cAAc,UAE/BE,EAAJ,i/BA6CIC,EAAJ,GAEIC,EAAI,EAEJC,EAAO,SAAPA,IAEW,WAAA,WAGU,OAAdH,EAAOE,GACK,GAAA,OACQ,MAAdF,EAAOE,GACD,GAAA,QAEAF,GAAAA,EAAOE,GAGjBE,EAAAA,UAAYH,EACZG,EAAAA,UAAYJ,EAAOK,UAAU,EAAEH,GAC9BI,OAAAA,SAAS,EAAE,MACbA,EAAAA,SAAS,EAAE,MACZJ,GAAGF,EAAOO,OAAO,IAGhB,GAAA,EACJJ,MACF,KAENA","file":"main.af0bd878.map","sourceRoot":"..\\src","sourcesContent":["let html = document.querySelector(\"#html\");\r\nlet style = document.querySelector(\"#style\")\r\n\r\nlet string = `\r\n/*你好，我是小唐\r\n*接下来，我要展示我的前端功底了\r\n*展示一个div\r\n*/\r\n#div1{\r\n    border:1px solid red;\r\n    width:200px;\r\n    height:200px;\r\n}\r\n/*把div变成圆形的\r\n*/\r\n#div1{\r\n    border-radius:50%;\r\n    box-shadow:0 0 3px rgba(0,0,0,0.5);\r\n    border:none;\r\n}\r\n/*八卦图是阴阳\r\n**/\r\n#div1{\r\n    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);\r\n}\r\n/*加个灵珠和魔丸\r\n*/\r\n#div1::before{\r\n    width:100px;\r\n    height:100px;\r\n    top:0;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    border-radius:50%;\r\n    background:black;\r\n    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 99%);\r\n}\r\n#div1::after{\r\n    width:100px;\r\n    height:100px;\r\n    bottom:0;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    border-radius:50%;\r\n    background:white;\r\n    background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);\r\n}\r\n`\r\nlet string2 = ``\r\n\r\nlet n = 0\r\n\r\nlet step = () =>{\r\n    \r\n    setTimeout(() =>{\r\n        //如果是回车，就不照搬\r\n        //如果不是回车，就照搬\r\n        if(string[n] === '\\n'){\r\n            string2 += '<br>'\r\n        }else if(string[n] === \" \"){\r\n            string2 += \"&nbsp\"\r\n        }else{\r\n            string2 += string[n]\r\n\r\n        }\r\n        html.innerHTML = string2\r\n       style.innerHTML = string.substring(0,n)\r\n       window.scrollTo(0,9999)\r\n       html.scrollTo(0,9999)\r\n        if(n>=string.length-1){\r\n            return\r\n        }        \r\n        n +=1\r\n        step()\r\n    },50)\r\n}\r\nstep()\r\n\r\n\r\n\r\n\r\n\r\n\r\n"]}