< !DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" > < meta name= "viewport" content= "maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" / > < meta http- equiv= "X-UA-Compatible" content= "ie=edge" > < title> Edit- 个人简历< / title> < link rel= "stylesheet" href= "css/prism.css" > < link rel= "stylesheet" href= "css/index.css" > < style id = "styleContent" > < / style>
< / head>
< body> < pre id = "codeEdit" class = "language-css" onscroll= "toggleScrollBar(event)" > < / pre> < div id = "resume" onscroll= "toggleScrollBar(event)" > < / div>
< / body>
< script src= "js/textarr.js" > < / script>
< script src= "js/write.js" > < / script>
< script> let currentIndex_ = 0 function writeIntro ( intro= '' , time, callback) { let connect = document. querySelectorAll( '.connect' ) if ( connect. length < 1 ) { resume. innerHTML = intro} else { connect[ connect. length- 1 ] . innerHTML = intro} setTimeout( ( ) = > { callback( ) } , time) ; } function startResume ( ) { writeIntro( balloon, 700 , ( ) = > { writeIntro( line, 200 , ( ) = > { writeIntro( text, 0 , ( ) = > { writeText( textArr[ currentIndex_] ) } ) } ) } ) } let num = 0 let t = setInterval( ( ) = > { if ( num <= style. length) { codeEdit. innerHTML = Prism. highlight( style. substr( 0 , num) , Prism. languages. css) ; codeEdit. scrollTop = 100000 styleContent. innerHTML = style. substr( 0 , num) num+ + } else { clearInterval( t) } } , 70 ) setTimeout( ( ) = > { if ( document. body. clientWidth < 500 ) { setTimeout( ( ) = > { resume. style. cssText = 'height:70vh!important' } , 5000 ) ; } startResume( ) } , 10000 ) ;
< / script>
< script src= "js/prism.js" > < / script>
< script> let sbTimer = nullfunction toggleScrollBar ( self) { self = self. targetclearTimeout( sbTimer) if ( self. getAttribute( 'class' ) != 'sbShow' ) self. classList. add( 'sbShow' ) sbTimer = setTimeout( ( ) = > { self. classList. remove( 'sbShow' ) } , 800 ) ; }
< / script>
< / html>
