共计 1326 个字符，预计需要花费 4 分钟才能阅读完成。
- 1 Svelte3
- 2 TailwindCSS
- 3 WASM（Web Assembly）
这些前端技术已经早就展露头角，但与当前大规模应用的前端技术相比，则还处于相对小众阶段，有望继续发扬光大，所以才在这里跟大家分享一下…
Svelte3
Svelte3 的小众是相对于现在前端技术的三大巨头 React、Vue 和 Angular 来说的，但从我们对 Svelte3 的调研和实践上看，Svelte3 将有可能跻身前三，成为更多前端技术人员的最爱。
Svelte3 拥有现代前端开发的必要支持，比如：
- 基于组件化的前端开发；
- 数据绑定；
- 状态管理
- 客户端和服务器端路由支持（当然，需要第三方或者官方推荐框架或者类库）
但我们认为更有意思的特色在于：
- 更轻量更快捷；
- 近乎直觉性的使用原生 HTML/CSS/Javascript(ES6);
- 更具灵活与扩展性的基础设施，比如动画，比如 Actions，比如生命周期关注点等；
我们用 200 多行代码即开发了一个完备可用的 Reactive Web Application，并把 TailwindCSS 以及扩展动画一并包含到了项目中，所以，2021 年我们重点推荐前端框架或者说 compiler-Svelte3，后端程序员也不例外。
TailwindCSS
是的，TailWindCSS，现在提可能算是“起个大早赶了个晚集”，但我们认为 TailwindCSS 将在 2021 年继续扩大战场，就好像后端的 Vertx 将逐步蚕食传统的 Spring/SpringBoot 的市场，TailwindCSS 的出现应该会逐步蚕食 Bootstrap 的市场以及其它 CSS 实践。
TailwindCSS 既有预设的 classes，也可以自定义扩展，更可以与现有框架和前端开发工具集成，比如 postcss。
svelte3 也可以与 TailwindCSS 很好的集成，深度集成可以通过 postcss，如果初步尝试，则可以直接：
rel='stylesheet' href='https://cdn.jsdelivr.net/npm/tailwindcss@2.0.3/dist/tailwind.min.css'>
这种方式依然可以获得按需大小的 bundles，如果不介意这些，你当然也可以更加快糙猛地直接在 index.html 里直接引用 tailwind.min.css，只不过 2M+ 的大小，使用的时候还是得掂量掂量。
WASM（Web Assembly）
我们在介绍前端开发史的时候，有同学提到他们在使用 wasm 开发应用并且也开发了自己的 wasm 框架，所以，我觉得 wasm 也确实可以提及一下，毕竟也确实有很多应用已经迁移到 wasm 并且成功运行，比如传统的 pc 游戏 doom、diablo 等。
wasm 的好处是，各个语言生态只要提供了相应的 transpiler 基本上都可以让相应语言生态的开发人员更高效地开发基于 wasm 技术的前端应用。
鉴于 wasm 的特点，估计会在游戏、工具等场合发挥更大的作用，但我们依然认为 wasm 还是处于比较小众的位置，只不过将来有可能会有更大的发展。
摘自：https://afoo.me/posts/2021-03-10-frontend-potential-trends-in-2021.html
