使用svelte3框架项目实践

通过上篇《svelte3前端框架入门教程》介绍我们知道，svelte是编译时框架，很明显的优势是编译后不依赖框架库，最后运行时代码得以进一步减少，同时它也是响应式的。虽然目前并没有太多的实践项目，但是我觉得这个明显的优化收益值得思考它的使用场景。

背景

在这个月，我接到了一个前端任务，是一个关于客户端路由器预订活动的前端功能开发。路由器预订分为路由器商品详情页面、快递表单提交页面、支付页面、订单列表页面，就这么一个功能，如果用以前的技术栈的话，先对比一下优缺点：

1. 原生：代码体积小，解析快，开发时间稍长。
2. jquery：引入jquery及jquery插件体积变大，解析稍慢，开发时间比原生短一些。
3. vue：引入框架库，框架代码稍微比jquery小，解析稍慢，开发时间比使用jquery短。

首先注意上面只对比了代码大小、js解析时间、开发时间，其实还有许多因素未考虑，显然这是为了给svelte出场机会。如果我们用svelte3开发的话，代码既小，在熟悉svelte3框架的情况下开发时间也很短，这是理论上的，现实的一些情况还是值得我们去考虑的，比如svelte3的生态、周边配套，这些也决定了开发时间的长短，踩坑多少。不管怎么样，因为路由器预订活动页面是在客户端浏览，不需要太考虑兼容性问题（看了它文档没说兼容相