别再追逐全新框架了，先打好基础再说......

Hello，大家好，我是 Sunday

如果大家做过一段时间的前端开发，就会发现相比其他的技术圈而言，前端圈总显得 "乱" 的很。

因为，每隔几个月，圈里就会冒出一个"闪闪发光的全新 JavaScript 框架"，声称能解决你所有问题，并提供各种数据来证明它拥有：更快的性能！更简洁的语法！更多的牛批特性！

而对应的，很多同学都会开始 "追逐" 这些全新的框架，并大多数情况下都会得出一个统一的评论 "好牛批......"

但是，根据我的经验来看，通常情况下 过于追逐全新的框架，毫无意义 。特别是对于 前端初学者 而言，打好基础会更加的重要！

PS：我这并不是在反对新框架的创新，出现更多全新的框架，全新的创新方案肯定是好的。但是，我们需要搞清楚一点，这一个所谓的全新框架 究竟是创新，还是只是通过一个不同的方式，重复的造轮子？

全新的框架是追逐不完的

我们回忆一下，是不是很多所谓的全新框架，总是按照以下的方式在不断的轮回？

首先，网上出现了某个"全新 JS 框架"发布，并提供了：更小、更快、更优雅的方案，从而吸引了大量关注
然后，很多技术人开始追捧，从掘金、抖音、B 站开始纷纷上线各种 "教程"
再然后，几乎就没有然后了。国内大厂不会轻易使用这种新的框架作为生产工具，因为大厂会更加看重框架的稳定性
最后，无非会出现两种结果，第一种就是：热度逐渐消退，最后停止维护。第二种就是：不断的适配何种业务场景，直到这种全新的框架也开始变得"臃肿不堪"，和它当年要打败的框架几乎一模一样。
重新开始轮回：另一个"热门"框架出现，整个循环再次启动。

Svelte 火了那么久，大家有见到过国内有多少公司在使用吗？可能有很多同学会说"国外有很多公司在使用 Svelte 呀？" 就算如此，它对比 Vue 、React、Angular（国外使用的不少） 市场占有率依然是寥寥无几的。并且大多数同学的主战场还不在国外。

很多框架只是语法层面发生了变化

咱们以一个 "点击计数" 的功能为例，分别来看下在 Vue、React、Svelte 三个框架中的实现（别问为啥没有 angular，问就是不会😂）

Vue3 实现

html 复制代码

<template>
  <button @click="count++">点击了 {{ count }} 次</button>
</template>

<script setup>
import { ref } from 'vue';

const count = ref(0);
</script>

React 实现

jsx 复制代码

import { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button onClick={() => setCount(count + 1)}>
      点击了 {count} 次
    </button>
  );
}

export default Counter;

Svelte 实现

html 复制代码

<script>
  let count = 0;
</script>

<button on:click={() => count += 1}>
  点击了 {count} 次
</button>

这三个版本的核心逻辑完全一样，只是语法不同。

那么这就意味着：如果换框架，都要重新学习这些新的语法细节（哪里要写冒号、哪里要写大括号、哪里要写中括号）。

如果你把时间都浪费着这些地方上（特别是前端初学者），是不是就意味着 毫无意义，浪费时间呢？

掌握好基础才是王道

如果我们去看了大量的 国内大厂的招聘面经 之后，就会发现，无论是 校招｜｜社招 ，大厂的考察重点 永远不在框架 ，而在于 JS 基础、网络、算法、项目 这四个部分。至于你会的是 vue ｜｜ react 并没有那么重要！

PS：对于大厂来说 vue 和 react 都有不同的团队在使用。所以不用担心你学的框架是什么，这并不影响你进大厂

因此，掌握好基础就显得太重要了。

所以说：不用过于追逐新的技术框架。

针对于 在校生 而言 打好基础，练习算法，多去做更多有价值的项目，研究框架底层源码 ，并且一定要注意 练习表达，这才是对你将来校招最重要的事情！

而对于 社招的同学 而言 多去挖掘项目的重难点 ，尝试通过 输出知识的方式 帮助你更好的梳理技术。多去思考 技术如何解决业务问题，这才是关键！