一个简单的关于lovelive的宣传网页

image.png

1.使用的技术

• HTML(5)， CSS
  dom注意使用了语义化和删除无用结构，布局上以传统布局即float, position, display为主，尝试使用了css3的一些语法
• JS(ES6)，JQ
  轮播，鼠标事件，返回顶部的切换，AJAX请求等都是用JS+jQuery完成。每个相关调用函数都使用了类封装，采用模块化和面向对象的思路，达到了可复用性。
• webpack
  配置相关loader和插件，导入各个组件，用的是ES6的import和export语法。

2.代码结构

image.png

3.相关地址

• 预览地址：http://jazi.coding.me/lovelive-demo/
• 源码地址：https://github.com/JAZI6/lovelive-demo