小评 Svelte.js 框架

广告位招租
扫码页面底部二维码联系

Svelte是2019年才火起来的新前端【关注微信公众号:wwwtangshuangnet】【本文受版权保护】框架,它的热度虽然不如react和vue【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】,但是确实很热,大有冲击RAV之后第四大【关注微信公众号:wwwtangshuangnet】转载请注明出处:www.tangshuang.net框架之势。对它的文档进行阅读之后,我来说【版权所有】唐霜 www.tangshuang.net转载请注明出处:www.tangshuang.net一说自己的一些看法。这些看法不一定成熟,【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。毕竟没有使用它开发过项目,但是话说回来,【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。目前在国内,使用它进行前端项目开发的可能【作者:唐霜】本文版权归作者所有,未经授权不得转载。性仍然停留在观望阶段,没有一家公司会尝试【本文首发于唐霜的博客】未经授权,禁止复制转载。一个不一定发展很久的框架。

【原创不易,请尊重版权】【本文首发于唐霜的博客】【版权所有,侵权必究】【版权所有,侵权必究】

Svelte的第一眼真是非常爽。你说它像转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.netvue不错,但是它比vue更爽:

【原创不易,请尊重版权】【转载请注明来源】
<script>
let a = 0
</script>

<div on:click="{() => a ++}">{a}</div>

如此漂亮的语法,简直像是重新定义了HTM原创内容,盗版必究。本文作者:唐霜,转载请注明出处。L。而且这个写法和我当初写virtual【转载请注明来源】【转载请注明来源】 dom框架的初衷一样,感觉相见恨晚。

【本文受版权保护】本文版权归作者所有,未经授权不得转载。【转载请注明来源】

但是,当我发现它发明了新语法$:之后,就【作者:唐霜】【版权所有,侵权必究】有些开始不是很舒服了。

【本文受版权保护】转载请注明出处:www.tangshuang.net
$: b = a + 1

这个语法要实现的是vue里面的计算属性,【作者:唐霜】【版权所有,侵权必究】它具有依赖响应的效果,当a发生变化时,b原创内容,盗版必究。【本文首发于唐霜的博客】也会随之发生变化。但是,为了计算属性的效本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】果,我觉得可以忍,毕竟不麻烦。

原创内容,盗版必究。【作者:唐霜】

当发现它来发明了新的循环语法时,我有点开【版权所有,侵权必究】原创内容,盗版必究。始不适应了。

【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。
{#each books as book}
<div>{book.name}</div>
{/each}

这……感觉回到了php模板时代,怎么说好【关注微信公众号:wwwtangshuangnet】【转载请注明来源】呢?有点拒绝。

【转载请注明来源】【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。

再到后面,它的事件冒泡居然要声明:

本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.net【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】
<div on:click>
<Inner />
</div>

如果不声明,事件不冒泡。此时,我内心有种【转载请注明来源】原创内容,盗版必究。MMP的感觉,这是反人类么。。。

转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。【版权所有,侵权必究】未经授权,禁止复制转载。

随后的文档中,出现了各种奇淫巧技,我心想著作权归作者所有,禁止商业用途转载。【本文受版权保护】啊,未来这东西还能维护吗?其中store原创内容,盗版必究。转载请注明出处:www.tangshuang.net部分,蹭了rxjs的热度,提供了多种模式原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】的存储器,把数据管理搞出了越来越难理解的【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net高度,也是大写的服。

转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】

Svelte虽然想要做出点什么不一样的东本文作者:唐霜,转载请注明出处。原创内容,盗版必究。西出来,但是我个人觉得,有点太过了,像玩【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net具一样,不具备可长期维护的可能性。而且它原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】依赖编译,和vue不同,vue可以直接运转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。行时,在html文件中引入后就像jque【本文受版权保护】原创内容,盗版必究。ry一样,马上可以撸。总体上而言,sve原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。lte除了一开始让人眼前一亮外,没有超出本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。vue所提供的功能,很难说服开发者从vu本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。e转向svelte。更别提react了。

转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。【作者:唐霜】转载请注明出处:www.tangshuang.net

在我看来,react仍然是最好的框架,除【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。了jsx之外,它完全遵循js本身的运行原【本文受版权保护】转载请注明出处:www.tangshuang.net理,没有解析器去自己实现一套语法(jsx【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。是语法糖,可以不用,写原生代码)。也正因转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】为如此,它才有可能是未来10年都可能持续原创内容,盗版必究。原创内容,盗版必究。可维护的代码,对于开发者而言,他可以很容【作者:唐霜】【未经授权禁止转载】易从一个文件中读懂所有的逻辑,因为它本身【作者:唐霜】【本文首发于唐霜的博客】就是js,没有其他需要理解的知识(jsx【本文受版权保护】转载请注明出处:www.tangshuang.net除外),而vue即使很简单,也需要了解它【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。的模板语法。

原创内容,盗版必究。【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。

不过,svelte也不是没有可取之处,例【未经授权禁止转载】转载请注明出处:www.tangshuang.net如它的编译,竟然可以在浏览器中完成(看它【版权所有,侵权必究】原创内容,盗版必究。的在线教程编辑器),可见他们团队在编译这【转载请注明来源】原创内容,盗版必究。个中间环节下了大功夫,才能在撰写语法上如【版权所有,侵权必究】原创内容,盗版必究。此优雅。

【版权所有,侵权必究】原创内容,盗版必究。未经授权,禁止复制转载。