程序員200多行代碼寫出這樣的特效，讓小白看到懷疑人生

今天分享的是一個javascript做的小案例，可能對於很多前端老司機來說會比較的簡單，但是對於剛剛學習前端，轉行學習的朋友可能會都一些難度，分享這個案例，主要是給還在學習的朋友們，一個可以練手的小案例，並且看著效果也還挺漂亮的，所以小編就情不自禁的分享給頭條上的小夥伴們學習，想練手的可以去練手，文末有源碼領取地址。

下面我們來看看效果：

html代碼：（文末有領取地址）

css代碼：

javascript代碼：

前端作為程序員界入門門檻最低的方向，自學還是非常有希望能夠成功的。 因為你是自學，我有覺得自學成果有兩個要素：自學能力（能把自己的問題總結出來，重複利用網路查閱資料，解決問題的能力） - 恆心（自學容易懈怠，能時刻提醒自己，一直堅持下去） 如果這兩點都練就了，可以說不光是前端，任何領域你要想自學進去，都是可能的。

下面說說要學習的相關知識點：

html+css 這些基礎沒什麼好說的，要非常熟才行

javascript（閉包，原型鏈，繼承等要會，最好學點es6/7）

跨域，ajax（算是javascript的基本應用吧） - Node.Js要懂點

web compontent

一定的工程化工具和思想（什麼你說你GIT不會？瀑布模型不了解？）

一些前端中的邊角問題（瀏覽器兼容，移動端適配，響應式布局等）

這個javascript的案例到這裡就做結束了，想要完整代碼自己學習練手的小夥伴進我的群自助領取，已經上傳到群文件里了：477149581，歡迎初學和進階中的小夥伴。