巷口咖啡店里的Svelte:轻量前端的慢革命

风很大。梧桐叶落了满街。我搓着冻红的手推开咖啡店的门。

阿凯靠着吧台擦杯子,面前那台掉了漆的iPad亮着,上面是他自己写的点单系统,分类清晰,点一下立刻出单,连一点转圈圈的加载动画都看不到。放在两年前,这玩意儿根本不可能——那台iPad是他2016年买的,原来装的用热门框架写的点单系统,点一下卡三秒,结账能把客人等走。

救了他的是Svelte。一个很多人听都没听过的前端框架,却把他的旧平板救活了。

阿凯的痛点:三百行代码卡坏了旧平板

阿凯原来在互联网公司做前端,干了八年累了,转租了巷口这个十几平的店面开咖啡店,为了省几百块的收银系统钱,决定自己写一个。

刚开始嘛,跟着大家用主流框架,毕竟生态全,组件多,拿来就能用。他写了三百多行代码,功能都全了,打包完一看,嚯,整包快1.5M,放到他那台旧iPad上一开,切换个分类都要卡两秒,点个加号修改数量,要等一秒多才反应。

他摔了平板。气笑了。不就是个点单算钱的东西吗?怎么就把五年前的平板难成这样?

巷口咖啡店手写菜单旁的旧平板收银
巷口咖啡店手写菜单旁的旧平板收银

说实话,这不只是阿凯的问题。现在整个前端圈都这样,框架越做越大,依赖越装越多,你写个Hello World,都能给你带出几百K的依赖包,反正大家都是用旗舰手机开发,谁会管那些还在服役的旧设备?谁会管小商家掏不起钱换新平板?

那天他蹲在咖啡店后厨擦咖啡机,翻朋友圈看到原来做前端的老同事转了一篇短文,讲Svelte的用法,没吹什么牛逼,就是晒了下打包出来的体积——一百多行功能,打包完只有十几K。他当时就来了兴趣,晚上关了店就试着重构。

这一试,就打开了新世界。

被低估的无Runtime:Svelte为什么走了另一条路

很多人分不清Svelte和其他主流框架的区别,说不都是写组件吗?其实核心差了十万八千里。

现在大家常用的框架,基本都是运行时框架,简单说就是,你写的代码,打包完还要带一个框架自己的运行核心进去,靠虚拟DOM在浏览器里帮你对比更新页面,这个运行核心本身就有几百K,还要一直占着性能开销,性能差一点的设备,可不就卡了吗?

Svelte不一样,它是编译时框架。换句人话讲,它活都在你打包的时候干完了,打包出来的就是纯原生JavaScript,没有多余的框架运行核心,也不需要虚拟DOM,浏览器拿到代码直接跑,啥额外负担都没有。

Svelte框架GitHub首页源码截图
Svelte框架GitHub首页源码截图

阿凯重构完他那三百行的点单系统,打包完一看,整包才89K。放到旧iPad上一开,丝滑。切分类秒开,点加减秒反应,连加载动画都不需要加——因为根本没加载。

不过话说回来,Svelte出来这么多年,为什么一直不温不火?比不上那两个主流框架的热度?

说穿了就是赛道不一样。大家都在卷生态,卷生态就要堆功能,堆功能就要变大,所有人都习惯了“框架就得带大 runtime”,所有人都在给大框架写组件,反而把“轻”这个最开始前端的核心需求给忘了。Svelte不跟你卷那些,它就是要做小,做快,给不需要巨型生态的场景留位置,自然就不会成为资本堆出来的热门。

可越这样,我越觉得它难得。它不是为了卷面试题,不是为了造概念抢融资,就是安安静静解决一个实际的问题:怎么让网页跑的更快更轻,怎么让开发者写的更简单。

近未来的轻需求:Svelte给小玩家留的门

近未来的轻需求:Svelte给小玩家留的门
近未来的轻需求:Svelte给小玩家留的门

阿凯的点单系统跑顺了之后,周围的小商家都来找他。巷口卖菜的张叔要个订货系统,小区门口开驿站的小李要个取件登记的页面,街口修车的王哥要个给客户查保养记录的网页,都是小功能,都没钱买几千块的商业系统,都用的是一两百块收的旧平板或者淘汰的手机。

换了别的框架,写出来跑不动,用Svelte,几百行代码搞定,打包完几十K,什么旧设备都能跑。阿凯给每个人改,只收一顿饭钱,或者打个折,一来二去,巷口一半小商家都用上了他写的小系统。

你往远了想,这其实就是未来的需求。现在到处都是智能设备,不是只有旗舰手机和顶级电脑,更多的是低功耗的IoT设备,是老车改装的中控屏,是社区快递柜的触摸板,是小商家手里淘汰的旧移动设备,这些设备性能有限,不需要花里胡哨的复杂功能,就需要一个稳、快、小的界面,Svelte刚好踩中了这个点。

它不需要取代谁,也没说要颠覆整个前端圈,它就是给这些被大生态忽略的小需求,给这些没多少钱预算的小玩家,开了一扇门。你不需要学那么多复杂的概念,不需要装十几G的依赖,你就想写个小工具解决自己的问题,Svelte就能给你干得漂漂亮亮。

那天我喝完咖啡,阿凯关了店门,揣着他那台旧iPad,要去给张叔调新的订货功能,风里飘着巷口糖炒栗子的香味,他兜里揣着刚烤好的曲奇,分给我两块。

没人会把那个几十K的小网页当成什么伟大的产品,也没人会给Svelte颁什么大奖。可就是这样的小东西,真真切切改变了几个小商家的日常,让旧设备继续发光,让普通人不用花大价钱也能用上趁手的工具。

我们总在说科技要多大,要多全,要多先进,可有时候,轻一点,慢一点,给小人物留一点位置,才是科技最动人的地方对吧?

Svelte就是这样,它不是什么轰轰烈烈的革命,就是巷口咖啡店里那杯温的拿铁,不花哨,够香,够暖,刚好解决你的渴。

作者|大讲堂

排版|大讲堂

审核|安然

免责声明:市场有风险,选择需谨慎!此文仅供参考,不作买卖依据。如有侵权请联系删除。
文章名称:巷口咖啡店里的Svelte:轻量前端的慢革命
文章链接:https://www.lfdjt.com/info_23_23586.html