一個簡單的關(guān)于lovelive的宣傳網(wǎng)頁

image.png

1.使用的技術(shù)

• HTML(5)， CSS
  dom注意使用了語義化和刪除無用結(jié)構(gòu)，布局上以傳統(tǒng)布局即float, position, display為主，嘗試使用了css3的一些語法
• JS(ES6)，JQ
  輪播，鼠標事件，返回頂部的切換，AJAX請求等都是用JS+jQuery完成。每個相關(guān)調(diào)用函數(shù)都使用了類封裝，采用模塊化和面向?qū)ο蟮乃悸?，達到了可復(fù)用性。
• webpack
  配置相關(guān)loader和插件，導(dǎo)入各個組件，用的是ES6的import和export語法。

2.代碼結(jié)構(gòu)

image.png

3.相關(guān)地址

• 預(yù)覽地址：http://jazi.coding.me/lovelive-demo/
• 源碼地址：https://github.com/JAZI6/lovelive-demo