簡介:本課程將使用sass和requirejs來開發(fā)一個(gè)側(cè)欄工具條。思考工具條的原理,并用三種方式實(shí)現(xiàn)。在開發(fā)的過程中,您將學(xué)會(huì)sass的使用方法,用它更好的書寫css;了解requirejs的基本知識(shí),寫出模塊化的代碼,方便以后的復(fù)用;掌握如何用CSS3完成簡單的動(dòng)畫效果,讓網(wǎng)頁不再單調(diào)。
第1章 課前準(zhǔn)備
本章介紹了sass和requirejs的相關(guān)知識(shí),工欲善其事,必先利其器
第2章 使用背景圖片的方式
本章介紹了工具條的第一種實(shí)現(xiàn)方式--使用背景圖片的方式
第3章 使用圖標(biāo)字體的方式
本章介紹了工具條的第二種實(shí)現(xiàn)方式--使用圖標(biāo)字體的方式
第4章 利用before和after偽類的方式
本章介紹了工具條的第三種實(shí)現(xiàn)方式--利用before和after偽類的方式
第5章 JS實(shí)現(xiàn)返回頂部按鈕功能
為返回頂部按鈕添加JS,并將功能抽象成模塊。