Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

Driver,全網獨家首發

mb6130455f7bea2 2021-09-27 13:18:42 阅读数:15 评论数:0 点赞数:0 收藏数:0

使用步驟是可以講一個個點擊的對象配置成一個效果數組,之後使用driver.defineSteps(定義的數組)定義之後,執行driver.start()即可


const stepArr = [
{
element:'#text3',
popover:{
title:'hello Jimmy',
description:'this is first step',
closeBtnText: 'Close it', // Text on the close button for this step
nextBtnText: 'Next one', // Next button text for this step // 下一步和上一步的按鈕文案 注意這個只有在多步驟的時候才會顯示 因為多步驟的時候才會有下一步和上一步
prevBtnText: 'Previous one'
},
onNext:()=>{
console.log('進入下一步啦')
},
onPrevious:()=>{
console.log('進入上一步啦')
}
},
{
element:'#text4',
popover:{
title:'hello Jimmy',
description:'this is second step',
closeBtnText: 'Close it', // Text on the close button for this step
nextBtnText: 'Next one', // Next button text for this step // 下一步和上一步的按鈕文案 注意這個只有在多步驟的時候才會顯示 因為多步驟的時候才會有下一步和上一步
prevBtnText: 'Previous one'
}
},
{
element:'#text5',
popover:{
title:'hello Jimmy',
description:'this is last step',
closeBtnText: 'Close it', // Text on the close button for this step
nextBtnText: 'Next one', // Next button text for this step // 下一步和上一步的按鈕文案 注意這個只有在多步驟的時候才會顯示 因為多步驟的時候才會有下一步和上一步
prevBtnText: 'Previous one'
}
},
]
document.querySelector('.btn3').addEventListener('click',()=>{
setTimeout(() => {
driver.defineSteps(stepArr) // 一定要使用這個方法定義才可以使用
driver.start()
}, 50);
})

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.

[](

)總結

這個庫可以非常好的讓我們實現頁面引導的功能!

最後

面試一面會問很多基礎問題,而這些基礎問題基本上在網上搜索,面試題都會很多很多。最好把准備一下常見的面試問題,畢竟面試也相當與一次考試,所以找工作面試的准備千萬別偷懶。面試就跟考試一樣的,時間長了不複習,現場錶現肯定不會太好。錶現的不好面試官不可能說,我猜他沒發揮好,我錄用他吧。

 開源分享:【大廠前端面試題解析+核心總結學習筆記+真實項目實戰+最新講解視頻】

96道前端面試題:

  • Driver,全網獨家首發_前端開發

常用算法面試題:

  • Driver,全網獨家首發_前端開發_02

前端基礎面試題:
內容主要包括HTML,CSS,JavaScript,瀏覽器,性能優化

  • Driver,全網獨家首發_程序員_03
版权声明
本文为[mb6130455f7bea2]所创,转载请带上原文链接,感谢

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;

支付宝红包,每日可领