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

news/2024/7/19 12:49:51 标签: java, 小程序, 编程语言, js, python
js_content">

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

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

  • 所有主流浏览器都支持WebAssembly

  • Serverless开始流行

  • CSS-in-JS走进主流前端视野

  • TypeScript火爆

  • GraphQL爆炸式增长

......

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

3ff795da9ac9e1aa44ce9411d943bec4.png

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

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

为了应对各家参差不齐的标准,出现了各种小程序转译框架」uniapptarompvuewepy2chameleon......

63a6938510670e43b7a170970cc4e864.png

正应了「David Wheeler」的名言:

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

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

162a850a4313ce28a677af2d3f415043.png

Svelte带起的势头

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

2b3411411587edab84eba4aa2e9fa91a.png

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

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

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

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

98fce0ee2420b55bb2b8d758290520a2.png

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

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

a782cc7234f0eefe1d817b692550de25.png

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

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

b0b26e089a55f152fbcbaf22d8dbba03.png

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

6c5d3066b5680432fdff491f949bff33.png

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

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

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

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

51f4eb7908cdb666533fb71f80c332ff.png

「分享」「点赞」「在看」是最大支持


http://www.niftyadmin.cn/n/1251140.html

相关文章

golang 重要知识:内存管理

一、概述 内存管理在任何的编程语言里都是重头戏,Golang 也不例外。Go 借鉴了 Google 的 TCMalloc,它是高性能的用于 c 的内存分配器。其核心思想是内存池 多级对象管理 ,能加快分配速度,降低资源竞争。 二、基础结构 在 Go 里…

什么?在 VSCode 里也能用 Postman了?

以前一直在用 postman 做 API 测试,如果你同时在使用 vscode 开发时,每次切出去可能比较烦,其实就是太懒了。。。作为一个懒人,所有开发的时候要做的事情都在 vscode 里面完成是最好的,前几天看到 Postcode&#xff0c…

真的,我现在特讨厌 Safari 浏览器

翻译:前端之巅 - 小盖团队原文链接:https://blog.perrysun.com/2021/07/15/for-developers-safari-is-crap-and-outdated/如果要说开发者最讨厌什么东西,那 IE 浏览器肯定是首当其冲。究其原因,其实也很简单,因为 IE 的…

新的 Vue 脚手架来了,学的动吗?

1. 前言2021 年 10 月,Vue 团队等主要贡献者举办了一个 Vue Contributor Days 在线会议,蒋豪群[1](知乎胖茶[2],Vue.js 官方团队成员,Vue-CLI 核心开发),在会上公开了create-vue[3],…

你是这样理解 redux 的吗?

前言开始前,你必须知道一些事情:redux 和 react 没有关系,redux 可以用在任何框架中,忘掉 react。connect 不属于 redux,它其实属于 react-redux,请先忘掉它,下一章节,我们会介绍它。…

docker attach卡着解决

当docker容器在 “-d”守护态运行的时候,比如通过supervisord控制两个程序非守护态运行: ssh -D tomcat 那么这个时候,用户就无法直接进入到容器中去,docker attach 容器id 就会一直卡着。 因为此时容器运行的进程是ssh&#xff0…

golang 重要知识:垃圾回收

摘要 golang 的三色标记法虽然没有 java 的内存回收机制成熟,但它细分了回收过程,通过写屏障技术,能和用户程序并发进行,这也一定程度的提高了内存回收速度。 一、为什么要有垃圾回收 我们都知道,当程序启动的时候&…

面试官问Vue性能优化,我该如何回答?

最近面试Vue性能优化问得比较多,也有很多通过面试能拿到高薪。一个前辈闲谈,问他怎么看待工作 2 年的前端开发,月薪就高达 30k、40k 的现状。他说,在众多编程技术中,前端算比较容易入门和提升的,可以通过页…