作为前端开发者，经常碰到不规则元素需求，尤其是购物类的优惠券，元素长相怪异，没有接触过就会犯懵，见多识广，会者不难。安利一波这类效果制详细过程，下列所有案例的径向渐变和线性渐变属性都是可以自行调试的，包括遮罩位置和遮罩元素大小，案例中遮罩圆的大小可以通过渐变参数调节的。       想到CSS不规则图形，想到径向渐变遮罩能实现，先看看最终实现的

认识vue-router目前前端流行的三大框架, 都有自己的路由实现:    Angular的ngRouterReact的ReactRouterVue的vue-routervue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换安装Vue Router：npm