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都有不同的团队在使用。所以不用担心你学的框架是什么，这并不影响你进大厂
因此，掌握好基础就显得太重要了。
所以说：不用过于追逐新的技术框架。
针对于 在校生 而言 打好基础，练习算法，多去做更多有价值的项目，研究框架底层源码 ，并且一定要注意 练习表达，这才是对你将来校招最重要的事情！
而对于 社招的同学 而言 多去挖掘项目的重难点 ，尝试通过 输出知识的方式 帮助你更好的梳理技术。多去思考 技术如何解决业务问题，这才是关键！