为什么我会选择React+Next，1-3年的前端开发工程师看过来

Angular

在我的印象中，Angular 一直是一个重要而成熟的框架，但是，我不会选择它。因为我不喜欢它。

虽然 TypeScript 也是一个选项，但你似乎是被迫在使用它。整个框架看上去过于复杂，而且没有明确的理由。最糟糕的是，我似乎找不到任何值得我经历这些麻烦去使用它的地方。

Next.js 的特性

下面是 learnnextjs 上列出的一些很棒的 Next.js 特性：

• 默认服务器端渲染；

• 为加速页面加载，自动进行代码分割；

• 简化客户端路由（基于页面）；

• 基于 Webpack 的开发环境，支持热模块更换 (https://webpack.js.org/concepts/hot-module-replacement/)（HMR）；

• 可以通过 Express 或任何其他 Node.js HTTP 服务器实现；

• 可以通过你自己的 Babel 和 Webpack 配置进行定制；

让我稍微解释下这些特性。

应用被分成块在服务器端渲染，加载时间非常短。甚至，对于不支持客户端渲染的搜索引擎，SEO 都没有意义。

路由解决方案和 Webpack 都有了很好的支持。然后是热模块更换（HMR）可以为你节省宝贵的开发时间，因为只需上传变化的代码就可以。最后，它提升了开发者体验（DX）。

它是如何使我的工作变得更轻松的？

每当我开始创建一个新项目时，我必须建立一堆依赖关系和脚本，使一切正常运行。我不得不做一些事情，如安装 node-sas、设置监控、编写 npm 脚本等。

甚至在我真正地开始应用开发的前夕，我还得管理几十个依赖项。Next.js 使我可以跳过这些我每次都会遇到的繁琐工作。它使我可以在几分钟内开始任意一个项目。

样式

Next.js 提供了内置的 CSS 支持，称为 styled-jsx。我必须承认，我直到最近才使用它，因为它还无法与其他类似的解决方案相比，如 styled-components 或 JSS。但是，最近他们发布了版本 2，比第一个版本有了很大的改进，并且有很大的潜力。

以下是他们列出的一些特性：

• 完全支持 CSS，没有电量方面的权衡；

• 运行时大小仅有 3KB（从 12KB 经 gzip 压缩）；

• 选择器、动画、关键帧完全隔离；

• 内置 CSS“浏览器引擎前缀（vendor prefixing）” ；

• 最低限度的转译快速而高效；

• 非服务器端渲染时的高性能运行时 CSS 注入；

• 未来可期：与服务器端可渲染的“Shadow CSS”相当；

• “源映射（Source maps）” 支持；

• 支持动态样式和主题；

• 基于插件的 CSS 预处理。

你需要知道的是，它非常快、非常灵活，最重要的是，它与 JSX 以及 React 的思想一致。你不需要设置任何东西，什么都为你准备好了。

不过，如果你仍然希望使用以前的 CSS 预处理器，你也可以使用。关于 LESS、SASS、PostCSS 和 CSS-Modules，我都有点忘了，但如果你还喜欢它们，当然就可以使用它们。

作为 styled-jsx 的替代方案，我推荐 Material-UI-Next。这是一个不怎么有名的 React 组件，实现了谷歌的 Material Design。它使用了前面提到的 JSS，适应性强且未来可期。

我现在正在一个新项目中使用它，目前为止，我很喜欢他。

Webpack

你声明的每一个导入都是针对每个页面自动打包并提供。也就是说，页面永远不会加载不必要的代码。

你甚至可以分析打包好的文件，借助延迟加载模块进一步优化加载时间。

路由

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

ttps://img-blog.csdnimg.cn/img_convert/8d27500df7b25342f252bca635ca0ab3.png)

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。