国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

實戰項目之自動簡歷

Chao / 2028人閱讀

摘要：自動簡歷項目介紹一個可以自動播放書寫過程簡歷，主要運用原生和的知識點。方法如果展示窗口設置的是或者會自動拉到底部為滾動至底部為滾動至頂部其他參數可選定義緩動動畫，或之一。增加簡歷展示頁編寫增加編寫簡歷內容的展示窗口。

自動簡歷 項目介紹 一個可以自動播放書寫過程簡歷，主要運用原生JS和CSS3的知識點。 用到的庫：

prism

marked

相關鏈接

預覽點我

源碼點我

設計過程 基本思想—動起來

想辦法讓文字逐個出現在頁面中

setTimeout(()=>{
    document.body.innerHTML="1"
},1000)
setTimeout(()=>{
    document.body.innerHTML="2"
},2000)
setTimeout(()=>{
    document.body.innerHTML="3"
},3000)

成功了，但是有點傻，為何我們不試一試setInterval加上slice()或者substring()

var result = "1234567890"
var n = 0
setInterval(()=>{
    n += 1
    document.body.innerHTML = result.substring(0,n)
},500)

slice()和substring()的區別是，substring()不接受負的參數

既要開始，也要結束。想辦法取消鬧鐘

var result = "1234567890"
var n = 0
var clock = setInterval(()=>{
    n += 1
    document.body.innerHTML = result.substring(0,n)
   if(n>=result.length){
       window.clearInterval(clock)
   }
},500)

換成CSS

將內容換成CSS

   var result = `
   body{
   background:green;
   }
   `
   var n = 0
   var clock = setInterval(()=>{
   n += 1
   document.body.innerHTML = result.substring(0,n)
  if(n>=result.length){
      window.clearInterval(clock)
  }
   },500)
運行一下。黑人問號臉——我的換行沒啦？？？

這是因為在**HTML里面，連續出現多個看不見的字符，瀏覽器會認為它是一個空格**

利用

標簽


HTML
元素表示預定義格式文本。在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現出來，文本中的空白符（比如空格和換行符）都會顯示出來。


HTML中加入
標簽，將內容寫到
中








var result = `
body{
    background:green;
}
`
var n = 0
var clock = setInterval(()=>{
    n += 1
    code.innerHTML = result.substring(0,n)
   if(n>=result.length){
       window.clearInterval(clock)
   }
},100)






應用代碼


現在我們只是將代碼展示了出來，但是看到效果，所以我們要將代碼寫入到