js輪播圖菜鳥教程 新手學習js是直接學vue,還是從jquery開始學?
新手學習js是直接學vue,還是從jquery開始學?我不想寫。作為一個10歲的韋伯,我想在這里說幾句話!Web技術(shù)變化太快,但是jQuery至今還沒有被淘汰。想想為什么!此外,Vue和其他新框架確實
新手學習js是直接學vue,還是從jquery開始學?
我不想寫。作為一個10歲的韋伯,我想在這里說幾句話!Web技術(shù)變化太快,但是jQuery至今還沒有被淘汰。想想為什么!此外,Vue和其他新框架確實簡化了編程的復雜性,這是他的優(yōu)勢。然而,Vue能做什么,jQuery能做什么,jQuery能做什么,Vue可能做不到。同樣,jQuery能做什么,JS能做什么,JS能做什么,jQuery可能做不到!在采訪中,許多人說他們精通Vue。而精通意味著精通Vue的源代碼和思想。一個問題,十個不知道!只能說威爾·維!JS,看起來很簡單,不是五六年,不能說精通JS。個人建議,先學習JS的基礎(chǔ)知識,然后jQuery和Vue,數(shù)據(jù)模型驅(qū)動程序要學習,DOM操作要能夠。同時,回去學JS,不斷重復。不要局限于一種方式,過時的是框架,而不是語言
如何用JS實現(xiàn)輪播圖效果?
首先,創(chuàng)建一個HTML文件。在下圖中,我創(chuàng)建了一個HTML5文件,因此看起來非常簡單。
然后在HTML的主要部分添加一個div標簽,然后在標簽下面添加一個img標簽,并設(shè)置img的寬度和高度。
然后我們可以在HTML的header下添加CSS樣式的代碼來控制Div的顯示效果
接下來,在body標簽中添加JS event onload,即在加載頁面時,調(diào)用onload值對應(yīng)的方法。在圖中,它是init()。
為img添加一個ID屬性,這樣我們就可以通過getelementbyid(“ID value”)獲得元素標簽。
然后通過<script>標記,添加如下圖所示的代碼以完成carousel功能。其中
setinterval(code,time)//需要兩個參數(shù),其中code是要執(zhí)行的方法或代碼字符串,time是時間間隔(毫秒,1000是1秒,可以根據(jù)需要調(diào)整)。
if語句中I的值與圖片的編號和命名有關(guān)。
完成后,您可以通過瀏覽器運行看到效果,它會自動切換圖片,即旋轉(zhuǎn)木馬圖片。
(由于上傳網(wǎng)站的原因,GIF圖表可能會有所不同。例如,當我預覽圖像時,它會變大,但實際上,當我運行它時,以及當我在本地查看GIF圖像時,它的大小將相同。)