Introduction & 前言
你在看網頁時肯定看過東西突然浮出來會是跳出來,在沒有肯定也看過蘋果官網。
這週就是要來學學怎麼實作視差滾動,而且!而且!而且!可以不寫任何一行 JS!
最近這陣子剛好公司新的專案必須從頭開始,終於前後端分離,之前都是依附在 Laravel 底下,新專案是用 Vue Cli3 寫的,最近老闆猛然一提,才思考到舊手機支援問題,當下心整個懸在空中,糊塗的自己只顧著因為第一次自己從頭開始一個前端專案很興奮的心情,竟然忘了顧及支援度的問題,所以在今天上班時趕緊研究 babel/polyfill ,研究時 Vue Cli3 爆出一些警告訊息(內容就先不討論了),這時候想到了前陣子摸過的 Webpack。
相較於這次的專案,之前許多頁面都是單純SPA一頁式的網頁 ( HTML CSS JavaScript ),而且只有在手機上跑,不會到萬惡的 Bug Maker IE 跑,所以基本上不是非常舊的東西還是都支援。但最後還是碰到了有手機不能跑的問題,其實會發現這種不能跑的情況是從一個拿 Iphone6 IOS9 的同事身上開始…