Vue实战－邮箱签名设计项目

项目背景

在工作的沟通交流中，邮件是必不可少的工具之一。而规范一致的邮箱签名设计有利于打造和传播团队品牌形象，以提高团队的知名度。同时，借助工具能够使得签名生成更为方便、快捷。

项目成果

点击体验工具：https://sign.aotu.io/

项目托管在Github上开源，喜欢的话可以给项目加个『星星』

功能一览

• 即时预览
• 图片上传、裁剪及下载保存
• 个性化配色、Logo设置

思路与实现

因为计划是个小而快的项目，所以更多的考虑是走捷径——用现成的库和框架。

框架选择——Vue.js

选择Vue，主要还是私心，刚学习完Vue想拿来实践下。
若是要对比Angular来说，Vue相对来说更轻巧易上手，文档中文化。考虑到项目并不需要数据库，不需要后端处理，是个完全依靠前端的项目，所以选择专注“让编写动态的UI界面变得轻松简单”的Vue其实是比较合适的。

实现思路

工欲善其事，必先利其器。
一、明确功能核心。
邮件签名设计的主要功能是给予统一的签名设计模版，用户只需要输入个人信息即可生成规范的个人邮件签名。
二、确认技术路线。
从技术角度说就是，根据邮件签名设计模版先构建好对应的静态DOM结构，结合用户输入的数据动态实现从DOM结构转化为图像，然后供以下载使用。
三、库的选用
那么，对应技术点各个击破：