这一局,中国前端属实领先世界了...

开发 前端
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

[[432377]]

大家好,我卡颂。

让我们回到4年前,17年国外前端圈都发生了哪些大事?

为了弥补web和原生应用体验的差异,谷歌大力推进PWA

所有主流浏览器都支持WebAssembly

  • Serverless开始流行
  • CSS-in-JS走进主流前端视野
  • TypeScript火爆
  • GraphQL爆炸式增长
  • ......

那么这一年,国内前端圈发生什么大事呢?第一批「微信小程序」上线。

[[432378]]

WXML、WXSS这陌生又熟悉的名字让前端工程师眉头一紧。

之后,一票友商为了蹭微信热点,纷纷上马自家的小程序。但为了显得与众不同,又定义了各自的标准。

为了应对各家参差不齐的标准,出现了各种「小程序转译框架」,uniapp、taro、mpvue、wepy2、chameleon......

正应了「David Wheeler」的名言:

计算机科学中的所有问题都可以通过增加一个间接层来解决

经过4年的发展,各种「小程序转译框架」做的有声有色。而此时国外前端圈什么最火呢?

Svelte带起的势头作为Stackoverflow票选的21年最受欢迎的web框架(包括前后端),Svelte最大的特点是「重编译时」。

有多重呢?如果我们要开发一个「自定义组件」。

在React中,就正常用JSX开发就行,毕竟JSX是JS语法糖,很灵活。

在Vue中,一般组件用模版语法,如果组件太灵活,可以考虑写render函数。

在Svelte中,为了hold住灵活的需求,官方文档提供了「编译时 API」,体验类似Babel插件。

没有经历过小程序时代的国外网友都认为他是web框架,毕竟他的编译目标是DOM。

比如源码里insert方法调用的是DOM API中的Node.insertBefore:

那如果编译目标是其他前端框架呢......

推上一个小哥尝试将Svelte组件编译为Preact组件。

评论区一堆国外网友表示:我不懂你为啥这么做,但我大受震撼。

 

小了,格局小了......

如果把Vue、React等一众前端框架当作各种「小程序框架」,那Svelte就是「小程序转译框架」。

Svelte邪魅狂狷的一笑:“想不到吧,我只是想做在座各位的爸爸”。

殊不知早在4年前,遥远的东方有个男子,早已洞悉了一切......

[[432380]]

 

责任编辑:姜华 来源: 魔术师卡颂
相关推荐

2014-09-29 14:52:15

浪潮王恩东HPC

2020-06-03 20:00:33

数字货币区块链

2023-09-18 11:24:00

ChatGPTAI

2021-08-09 15:37:08

数字人民币区块链货币

2009-11-03 13:41:06

EPON接入技术

2018-04-16 10:14:37

2012-02-13 09:29:22

甲骨文安腾惠普

2013-09-09 13:53:31

开放网络

2018-01-15 14:46:25

人工智能深度学习人脸识别

2023-10-09 12:45:32

训练数据

2021-07-17 07:15:29

Windows 11操作系统微软

2020-08-03 10:00:11

前端登录服务器

2017-05-23 19:48:36

柯洁AlphaGo

2012-04-29 15:08:53

华为接入网

2009-03-13 12:07:27

2012-10-23 12:22:35

独立版本Windows全新的Metro界面

2021-03-17 09:03:14

量子技术量子计算量子通信
点赞
收藏

51CTO技术栈公众号