专栏首页鱼皮客栈完了,又火一个项目
原创

完了,又火一个项目

又一个前端超新星项目 ?

大家好,我是鱼皮。

今天逛 GitHub 的时候,在趋势榜上看到一个项目,竟然短短一天的时间内,涨了 1000 多个星星!

就是这个名为 solid 的项目:

要知道日增上千 star 可是非常难得的,我不禁感到好奇,点进去看看这个项目到底有啥牛逼的?

啥是 Solid?

这是一个国外的前端项目,截止到发文前,已经收获了 8400 个 star。

我总觉得这个项目很眼熟,好像之前也看到过,于是去 Star History 上搜了一下这个项目的 star 增长历史。好家伙,这几天的增速曲线几乎接近垂直,已经连续好几天增长近千了!

项目 Star 增长曲线

看到这个曲线,我想起来了,solid 是一个 JavaScript 框架,此前在一次 JavaScript 框架的性能测试中看到过它。

要知道,现在的 JavaScript 开发框架基本就是 React、Vue、Angular 三分天下,还有就是新兴的 Svelte 框架潜力无限(近 5w star),其他框架想分蛋糕还是很难的。那么 Solid 到底有什么本事,能让他连续几天 star 数暴涨呢?

描述

打开官网,官方对 Solid 的描述是:一个用于构建用户界面的 声明性 JavaScript 库,特点是高效灵活。

顺着官网往下看,Solid 有很多特点,比如压缩后的代码体积只有 6 kb;而且天然支持 TypeScript 以及 React 框架中经常编写的 JSX(JavaScript XML)。

来看看官网给的示例代码:

Solid 语法

怎么样,他的语法是不是和 React 神似?

性能

但是,这些并不能帮助 Solid 框架脱颖而出,真正牛逼的一点是它 非常快

有多快呢?第一够不够 !

JS 框架性能测试对比

有同学说了,你这不睁着眼睛说瞎话么?Solid 明明是第二,第一是 Vanilla 好吧!

哈哈,但事实上,Vanilla 其实就是不使用任何框架的纯粹的原生 JavaScript,通常作为一个性能比较的基准。

那么 Solid 为什么能做到这么快呢?甚至超越了我们引以为神的 Vue 和 React。

这是因为 Solid 没有采用其他主流前端框架中的 Virtual DOM,而是直接被静态编译为真实的原生 DOM 节点,并且将更新控制在细粒度的局部范围内。从而让 runtime(运行时)更加轻小,也不需要所谓的脏检查和摘要循环带来的额外消耗,使得性能和原生 JavaScript 几乎无异。换句话说,编译后的 Solid 其实就是 JavaScript!

其实 Solid 的原理和新兴框架 Svelte 的原理非常类似,都是编译成原生 DOM,但为啥他更快一点呢?

为了搞清楚这个问题,我打开了百度来搜这玩意,但发现在国内根本搜不到几条和 Solid.js 有关的内容,基本全是一些乱七八糟的东西。后来还是在 Google 上搜索,才找到了答案,结果答案竟然还是来自于某乎的大神伊撒尔。。。

要搞清楚为什么 Solid 比 Svelte 更快,就要看看同一段代码经过它们编译后,有什么区别。

大神很贴心地举了个例子,比如这句代码:

<div>{aaa}</div>

经 Svelte 编译后的代码:

let a1, a2
a1 = document.creatElement('div')
a2 = docment.createTextNode('')
a2.nodeValue = ctx[0] // aaa
a1.appendChild(a2)

经 Solid 编译后的代码:

let a1, a2
let fragment = document.createElement('template')
fragment.innerHTML = `<div>aaa</div>`
a1 = fragment.firstChild
a2 = a1.fristChild
a2.nodeValue = data.aaa

可以看到,在创建 DOM 节点时,原来 Solid 耍了一点小把戏,利用了 innerHTML 代替 createElement 来创建,从而进一步提升了性能。

当然,抛去 Virtual DOM 不意味着就是 “银弹” 了,毕竟十年前各种框架出现前大家也都是写原生 JavaScript,轻 runtime 也有缺点,这里就不展开说了。

除了快之外,Solid 还有一些其他的特点,比如语法精简、WebComponent 友好(可自定义元素)等。


总的来说, 我个人还是非常看好这项技术的,日后说不定能和 Svelte 一起动摇一下三巨头的地位,给大家更多的选择呢?这也是技术选型好玩的地方,没有绝对最好的技术,只有最适合的技术。

不禁感叹道:唉,技术发展太快了,一辈子学不完啊!(不过前端初学者不用关心那么多,老老实实学基础三件套 + Vue / React 就行了)

最后再送大家一些 帮助我拿到大厂 offer 的学习资源,高达 6 T!

跑了,留下 6T 的资源!

我是如何通过自学,拿到腾讯、字节等大厂 offer 的,可以看这篇文章,不再迷茫!

我学计算机的四年,共勉!

我是鱼皮,点赞 还是要求一下的,祝大家都能心想事成、发大财、行大运。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 这个开源项目火了!

    数据结构想必大家都不会陌生,对于一个成熟的程序员而言,熟悉和掌握数据结构和算法也是基本功之一。数据结构本身其实不过是数据按照特点关系进行存储或者组织的集合,特殊...

    挖掘开源的价值
  • 又一个大数据相关项目成为顶级项目

    2021年01月21日,Apache 官方博客宣布 项目 Apache® Superset™ 成为顶级项目。

    zhisheng
  • Titan商店 - 又一个Web静态项目

    基于HTML5 + Bootstrap4 + jQuery进行设计于开发,广泛使用响应式布局系统,确保在不同分辨率屏幕下的网页呈现。在JavaScript的开发...

    泰坦HW
  • 卧槽!GitHub 又诞生一个沙雕项目?!

    前两天发了一个文章,盘点了GitHub上比较沙雕的项目这 7 个 GitHub 项目太沙雕了!,今天再盘点一个。

    哲洛不闹
  • 用 Git 操作的数据库?这个项目火了!

    Git 是一个开源的分布式版本控制系统,可以敏捷高效地管理代码,让项目代码支持同时存在多个不同的版本和分支,是程序员在项目开发中的必备工具。

    程序员鱼皮
  • 用 Git 操作的数据库?这个项目火了!

    Git 是一个开源的分布式版本控制系统,可以敏捷高效地管理代码,让项目代码支持同时存在多个不同的版本和分支,是程序员在项目开发中的必备工具。

    程序员鱼皮
  • 火狐浏览器开发工具(又写不完了)

    查看器可以给你关于当前选择元素的详细信息,选择元素按钮是你可以选择一个元素进行检查的方式:

    云深无际
  • 《庆余年》里范闲背了个诗,把这个GitHub项目带火了

    导读:之前在火遍全国的“古诗词大会”中,冠军小姐姐武亦姝让很多国人佩服得五体投地。最近在热播剧《庆余年》中,男主角范闲用古诗词上演的一出精彩大反转,再次让大家见...

    华章科技
  • 《庆余年》里范闲背了个诗,把这个GitHub项目带火了

    [ 导读 ] 之前在火遍全国的“古诗词大会”中,冠军小姐姐武亦姝让很多国人佩服得五体投地。最近在热播剧《庆余年》中,男主角范闲用古诗词上演的一出精彩大反转,再次...

    数据派THU
  • 《庆余年》中范闲背了个诗,把这个Github项目带火了!

    之前在火遍全国的“古诗词大会”中,冠军小姐姐武亦姝让很多国人佩服得五体投地。最近在热播剧《庆余年》中,男主角范闲用古诗词上演的一出精彩大反转,再次让大家见识到了...

    用户6543014
  • IO Visor:又一个开源项目横空出世

    日前,Linux组织宣布成立开源项目IO Visor,该项目主要针对Linux内核的输入/输出请求任务。这个项目听上去似乎很深奥,事实上该项目与网络有很大的相关...

    SDNLAB
  • Genericons:又一个Icon Fonts 集合项目( Automattic出品)

    之前在《WordPress 开发之使用WordPress 3.8+后台图标(dashicons)》一文中介绍过WordPress 的一个Icon Fonts 项...

    Jeff
  • 又是一个名叫草泥马的项目:thefuc

    当然也有脑洞大开的项目,比如 SegmentFault 上之前介绍过的《编程语言中的精品——草泥马语》。(你还记得吗?)

    py3study
  • 即快速又优雅的创建一个微服务项目(archetype项目)?

    之前一直使用http://start.spring.io/搭建初始化项目,或者编译工具自带的功能创建springboot项目。虽然都是start的jar,但是还...

    kinbug [进阶者]
  • 我做了一个开源项目

    最近研究了Golang Template 模板引擎,发现它自身提供的能力比较弱,很多常用的功能都没有,比如字符串替换、判断,base64加解密等等。但是Gola...

    飞雪无情
  • 我写了一个Python小项目

    最近我写了一个 Python 练手小项目,它是一个 PC 桌面版的便签程序,很简陋。写这个小项目是为了熟悉一下用 Python 进行一个完整的项目开发,进一步熟...

    SuperFeng
  • 了不起的开源项目,996.ICU火了

    是的,github上这个项目的Star已经突破1.1w了,并持续增长中。一开始以为是什么了不起的开源项目,怎么比微软开源计算器还火,后来看了才知道,只是一个程序...

    Bug生活2048
  • 「粤语编程」项目,在 GitHub 火了!

    其实粤语一直都是一个隐含着幽默感的方言,想想「旺角卡门」中的乌蝇哥,是不是脑海中已经回荡起了学友哥的四字语音?而且毋庸置疑,粤语还是需要保护的文化遗产。

    Python编程与实战
  • 如何建立一个完美的 Python 项目

    当开始一个新的 Python 项目时,大家很容易一头扎进去就开始编码。其实花一点时间选择优秀的库,将为以后的开发节省大量时间,并带来更快乐的编码体验。

    HelloGitHub

扫码关注云+社区

领取腾讯云代金券