由浅至深地谈电影购票系统(Vue+Webpack+异步加载+性能优化)

电影购票系统是我们的一个课程作业，从三月开始一直到现在，不是忙春招就是忙实习，所以拖延症发作一直到前几天才开始写代码。
从整体来看，我们主要是采用了前后端分离的策略，前端主要用Vue2.0进行开发，后端则使用了SpringMVC框架。当然了，如果问我Vue是什么框架，我站MVVM哈哈哈。下面先看看我们项目的架构。

图标——IconFont

IconFont 是阿里的一个矢量图标网站，开始为什么会叫iconfont？其实我记得在我大二的时候，网站里面的图标都是字体图标来的，需要在css文件夹里面import才能使用这些图标的，不过现在已经发展成用.svg/.png等来做图标了。项目里面主要是使用.svg做图标的，因为.svg是矢量，会比较好适应大小变化而不失真，同时它做动画也很方便，在去年的cssConf上面许多工程师都开始推荐使用svg而非canvas或png(这两个当然也有自己适合的场景)。基于图标大小常变化的项目特点，我们选用了.svg格式引入。

UI框架——ElementUI

以前提起UI框架，很容易就会想到Boostrap，经过了几年以后国内终于有一个比较拿得出手的开源框架——饿了么的ElementUI，issue保持在三百上下，和Angular比起来还是很不错的。

优点：
1. 开源框架维护得不错，提出来的issue基本会在三天内答复。