死亡命题！

红太狼 2021-08-11 02:34 343阅读 0赞

最近一段时间，很奇怪，好多同学私信问我“前端和 Java 该怎么选”的问题，说句实在话，这是一个死亡命题啊！

![1179389-94d8f2ab66e9e5ff.png][]

真不好选，因为“男怕入错行，女怕嫁错郎”，初学者纠结这个问题也是情有可原。

前端这些年因为有 React 和 Vue，再加上安卓、Flutter、微信公众号、微信小程序等等，确实发展得挺好的，可谓一片盛世。而 Java 后端呢，也是一片盛世，国内的阿里、京东、美团、网易等等一线互联网公司，还有国外的很多大厂，像领英、亚马逊等等，都在使用 Java 作为后端的开发语言。

两个发展前景都好，该怎么选呢？

先搞清楚 Java 后端和前端的区别到底是什么，再做选择。

不能抱着偏见去做选择，尤其是不能有这样的偏见：“前端比 Java 后端容易一些”，那可能一个 Java 后端的大神级的好苗子就没了。像同学舍友说的那样，认为“学 Java 找实习来不及，学前端的话，可能性更大”，这种结论很不可取。做任何选择，都不能只停留在表面。

Java 后端的学习建议我昨天的文章已经写过了，今天这篇就重点谈一谈前端，看看前端需要掌握的知识点都有哪些，我尽量给大家梳理的完整一些。

前端开发是一个非常特殊的行业，它的历史并不长，但知识相当的繁杂（尤其是近些年），并且技术的迭代速度是其他技术不能相比的。与此同时，前端工程师也成为了研发体系中的重要岗位之一。

![1179389-e68802e1a598222c.png][]

**1）JavaScript**

JavaScript 应该说是前端吃饭的家伙，深度、广度要兼备。基本上主流的前端框架都是基于 JavaScript 开发的，像 Vue，是由前端大神 @尤雨溪 开源的 JS 框架；像 React，是 Facebook 开发的一款 JS 库。下面这些知识点，是一名前端开发必须要掌握的。

![1179389-c4b3db754a06bb69.png][]

**2）HTML 和 CSS**

随便打开一个网页，按下 F12 就可以看到大量的 HTML 和 CSS 代码。一个网页美不美观，能不能得到用户的喜欢，除了 UI 设计，除了 JavaScript 来控制逻辑，剩下就是 CSS 样式了。

![1179389-3e26a6090d43625d.png][]

**3）运行环境**

浏览器作为 JavaScript 的一种运行环境，为它提供了：文档对象模型（DOM），描述处理网页内容的方法和接口，一名合格的前端得了解：

*  浏览器提供的符合 W3C 标准的 DOM 操作
 *  浏览器的差异性、兼容性（Chrome、Safari、IE 等等）
 *  可以使用 Node.js 搭建前端运行环境
 *  可以使用 Node.js 操作文件、操作数据库等等

*注：Node.js 是一个能够在服务器端运行JavaScript 的跨平台运行环境*

**4）框架和类库**

有一说一，前端的框架和类库真的是层出不穷，我学过的就有 Flex、ActionScript、jQuery、Bootstrap、TypeScript、React、Vue，有些已经淘汰了，有些快被淘汰了，有些是当下的主流。

对了，前端里还有 Flutter，一个由谷歌开发的开源移动应用软件开发工具包，用于为 Android、iOS、Windows、Mac、Linux、Google Fuchsia 开发应用。

告诉大家一个小秘密，我之前还为京东大佬的《Flutter 实战入门》的书写过推荐序，虽然后来只在封皮上留下了这段话。

![1179389-8ca72d3c71eab262.png][]

**前端的同学可以留言下，如果数量不算少的话，我到时候把序言分享出来，顺带送 10 本书给大家**。

前端的 UI 组件也非常多，比如 Ant Design、EChart，还要掌握 GIS 开发框架，比如百度地图的 API，还有可视化开发框架，比如 Three.js、D3。

前端还需要懂一些计算机基础，比如说：

![1179389-6f47552c3b313abe.png][]

虽然大部分前端对数据结构和算法这部分知识有些欠缺，甚至抵触，但真的想要摸到更高的天花板，数据结构和算法是必会的。

![1179389-1090ef364a91bfa4.png][]

另外，要熟练使用浏览器提供的调试工具，比如说 Google Chrome，还有微信基于 Chrome 内核魔改版的可用于调试公众号和小程序的调试工具。

前端不再是单纯的谢谢 JavaScript 和 CSS，也需要工程化，所以需要理解 npm、yarn 等依赖包的管理原理，还有前端打包工具 webpack 的编译原理等等。

对了，还有性能优化这块。尤其是启动页，用户第一时间看到的，如果加载速度慢，页面的响应速度慢，用户可能就直接离开了。

我之前在做微信公众号的小商城时，可没少在首页的加载速度上下功夫，要压缩 CSS 和 JavaScript，要使用 CDN 内容分发，要减少 HTTP 请求的数量，要实现图片的懒加载，还要后端配合一些缓存等等。

这么一套前端的知识体系下来，是不是就不会再有那种刻板印象了，前端真的那么简单吗？懂的人永远不会说简单。

贴一张字节跳动的面试题吧，想走前端路线的同学可以感受下。

![1179389-34488e5e9f3e2c35.png][]

还有一张前端的技能图谱：

![1179389-b662f3d159a76077.png][]

真乃学无止境也！

了解了前端的知识体系，再结合我昨天的文章，应该就能做出自己的选择了，到底选择前端还是 Java 后端，同学们心中应该就有自己的答案了。

我是二哥呀，我们下期见，可以在评论区给出你的看法~

[1179389-94d8f2ab66e9e5ff.png]: /images/20210809/4868354bed2f41588192267907f39261.png
[1179389-e68802e1a598222c.png]: /images/20210809/fa6320a8a6034bc6a35aa76c75afda47.png
[1179389-c4b3db754a06bb69.png]: /images/20210809/61a466806e5a48aeafd683d7c9d29d83.png
[1179389-3e26a6090d43625d.png]: /images/20210809/46e2680a98dc43db98f8426c682e3340.png
[1179389-8ca72d3c71eab262.png]: /images/20210809/2c6054ebe4f64883bb885d48193a1084.png
[1179389-6f47552c3b313abe.png]: /images/20210809/02b597420bb94d65b8462a71fe60c4fe.png
[1179389-1090ef364a91bfa4.png]: /images/20210809/74cf9e86b68440c3bae5061b5d9f4afa.png
[1179389-34488e5e9f3e2c35.png]: /images/20210809/8dbd7cfb69034a948c3676852b1c1a3b.png
[1179389-b662f3d159a76077.png]: /images/20210809/30143dcff171447f9be2be1ecfc91a65.png