学什么其实看下招聘网站各个公司的招聘要求就知道了！

如果你实在不知道，那你可以先订一个小目标，比如，你想去蚂蚁金服工作，那么就可以看看蚂蚁金服的前端都要求掌握些什么，然后根据他们要求去学习相应的东西。

这是ucloud蚂蚁金服的前端岗位要求：

在岗位要求那一栏，明确的指出了你需要会的技能：

熟练掌握 JavaScript、HTML、CSS 等原生前端基础技术，熟悉相关规范；

熟练掌握 React / Vue / Angular 等常用前端框架以及配套社区项目（redux / rxjs / …）；

对前端工程化有一定理解，熟练掌握 Webpack / Grunt / Gulp 等构建工具的使用和配置；

可能这些要求有点高，但是基本代表互联网公司前端的主流方向，我们可以找一家体量小的公司对比一下，比如这家只有15-50人的公司，我们来看看他的前端招聘要求：

可以看到在任职资格那一栏，也给出了相应的技术栈，基本上也是JavaScript、HTML、CSS、webpack、vue、react、Angular ，跟互联网大厂的没什么差别，所以基本上到这里你也知道自己该学什么了。但是学东西还是有个先后顺序的，先易后难，其实这个顺序在招聘要求上也给给出来了，我们看每个岗位要求的第一条，都是在说JavaScript、HTML、CSS，所以你首先要学的就是这几个。

确定了学习内容和学习的顺序，那么接下来就是学习方法了，好的方法能够事半功倍，我的建议是，边学边练，网上有很多教程，比如菜鸟教程www.runoob.com，就很适合新手入门，里面的例子也很简单，基本上每个语法都对应的案例。

然后就是坚持，不断重复你学的东西，不断实践你学的东西，终有一天也会成为大牛。关于如何坚持下去，可以看看我微我们里关于时间管理的方法。

如果我的回答对你有帮助，记得帮忙点个赞哟，谢谢！

第一，jquery这个算是比较久的框架。不过现在很多网站都有在使用，严格意义来说，这是个js库，是前人把经常用到的方法封装起来，方便开发的时候调用。

第二，vue国内很火的一款前端框架，也是国人开发的，它以轻量级和双向绑定，开发效率高著称。现在很多企业都在使用。

第三，react是Facebook公司的一款开源前端框架的项目。以轻易解决浏览器兼容问题和虚拟DOM，高效速度快著称。

第四，angular是谷歌公司旗下的开源项目之一。它以模版功能强大和丰富的指令著称。

web前端发展至今，演变出了无数的库和框架；说到库第一时间想到的是不是jquery？之前本人刚接触库的时候也是从jQuery开始的。今天我们就来说说现在前端都有哪些好用的库与框架。

• jQuery

(图片来源于网络)

jQuery是一个快速、简洁的JavaScript库，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

• Bootstrap

(图片来源于网络)

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

• layui

(图片来源于网络)

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案。

• ElementUI

Element-UI是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架,手机端有对应框架是MintUI。

(图片来源于网络)

• AngularJS

(图片来源于网络)

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。是目前流行的三大框架之一。

• React

(图片来源于网络)

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。是目前流行的三大框架之一。

• vue.js

(图片来源于网络)

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。是目前流行的三大框架之一。

• EasyUI

(图片来源于网络)

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。

以上是对各大库与框架的介绍，前端技术日新月异，只有不断学习才能跟上互联网时代的步伐。

常用的前端框架还是比较多，这里我也简单列取一些，大概可以分成以下几大类：

一、JS层面

1、jquery

2、Vue

3、React

4、Angular

5、extjs

二、UI层面

1、Bootstrap

2、Ant Design （也可以说是U框架）

3、layui

三、移动端层面

1、Weex

2、ionic

3、MUI

4、uniapp

四、Node层面

1、express

2、Koa

3、eggjs

五、服务端渲染层面

1、Next.js

2、Nuxt.js

六、桌面应用层面

1、Electron

七、其他方面

1、dvajs

2、Font Awesome 一套绝佳的图标字体库和CSS框架

上面只是简单说明的分类，不一定就是这样的非常准确分类，有的是综合层面的，因为前端很多东西是一个整体，都是为了提高web开发和相关解决方案出来的框架。

经过行业的发展，Web前端行业愈加成熟，企业对Web前端人员要求也越来越高，对于想要进入前端行业的人而言挑战比以前更大了。专业的前端培训机构会根据企业需求教授学员最潮流最实用的技术，所以很多人都会选择参加专业的重庆Web前端培训班。那么Web前端技术开发培训可以学到哪些主流框架呢？

Angular

横跨所有平台

学会用 Angular 构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。

速度与性能

通过 Web Worker 和服务端渲染，达到在如今(以及未来）的 Web 平台上所能达到的最高速度。

Angular 让你有效掌控可伸缩性。基于 RxJS、Immutable.js 和其它推送模型，能适应海量数据需求。

2、React

这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。

3、Vue

号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。

上边的者三种框架目前是前端培训机构教学的主流框架，也是现今企业应用比较广泛的前端框架。

那兄弟 你的前端只有css是吗

bootstrap是twitter出的一款不错的UI框架，或者与其说是框架不如说是类库（lib），当然这里边牵扯到一个“究竟什么是框架什么是类库？”的问题，我们暂时不谈。毕竟是有大公司背景的代码堆，我觉得没什么“落伍”可言。

angular是前两年之内突然火得一塌糊涂的一个fe框架，这个我觉得可以算的上是真正意义上的框架了，MVVM双向绑定，包括它拥有足够完善的社区、生态，甚至chrome上都有很多好用的相关插件（这一点可以说是占了google出品的光），比较完整的大型项目都是可以考虑引入的。但如果你的网站只是做一些轻量级的东西，杀鸡焉用宰牛刀吧我觉得。

backbone主要针对的MVC中的M层，至少我是这么理解的。对UI层它几乎没什么太多的限制，一方面给出了coder自由度进行发挥，另一方面也等于在这方面框架本身对开发没提供什么太大的帮助。我觉得这更像是一个高手向的框架，另外对于underscore前端模板那一套东西，说实话作为一名php java啥都能写的FE我始终觉得这套东西有那么一种纯JS工程师的一厢情愿的意味。这是个人看法了，不一定准确，况且有人会搬出ajax动态渲染时 前端模板的作用来反驳我，别急着反驳，至少往下看完我说的话。

相比之下，react可以说是一个在MVC中V层做的十分出色和新颖的框架了，独特的jsx编译机制就已经让你的代码变得高大上了，我是觉得这个类库在UI层做的更彻底更专业，或者说让FE的代码更专业了。更何况，react比angular更年轻，而且同样拥有大公司背景，react native一出更是让JS工程师的地位取得了革命性的提升，（不要跟我提phonegap，用过两个东西后你会明白，react打包的app性能甩phonegap几条街没问题）。另外既然楼主提到了之前的网站是bootstrap，不妨可以看一看react-bootstrap这个东西，或许这就是你想要的。

前端框架各有所长，看你需要那个。

对于一个程序员来学选择一款好用的开发工具可以大大提高工作效率，底层前端框架领域中早先jquery称霸，近年MVVM类型的框架成为主流，Vue、React和Angular三大框架较为常见。今天小编就介绍一些JS前端开发框架供大家选择：

一、 Foundation框架

Foundation框架比Bootstrap略显高大上一点，但他们俩的设计理念都非常清楚，Bootstrap有引导，尝试处理你项目中的一切所需。Foundation有基础、地基及支柱，给项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是即使你使用预定义的UI元素，也不应该与大家的网站长得太像。

二、 Bootstrap

Bootstrap在业界非常受欢迎，以致于有很多前端框架都在其基础上开发，如WeX5就是在Bootstrap源码基础上优化而来。Bootstrap是基于HTML、CSS和Javascript的，简洁灵活使得Web开发更加敏捷。提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。

三、Curl

Curl是一个命令行工具，用于通过HTTP(s)、FTP和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。在Web开发中Curl经常和RESTfulAPI一起使用用于测试连接。

四、Tree

Tree是一个小型的命令行实用程序，将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。

五、Tmux

根据维基的解释，Tmux是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux特别有用，允许用户创建新的选项卡而无需再次登录。

六、du

du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。du常见用例：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。

七、 AUI

AUI专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循GoogleMaterial设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。

八、AmazeUI

据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。AmazeUI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。

九、FrozenUI

FrozenUI是一款开源简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。

程序员在不同业务场景下的角色互换，需要掌握多种开发工具，因此多了解一些JS前端开发框架对于工作非常有帮助。想要学习前端的框架，可以私信我哦~~

前端三大框架各有优缺，那我们去重点攻克哪个框架能更好的助于我们找工作呢？

可以从以下几个方面考虑：

1.编程范式：

「angular」 都要去考虑作用域，实际使用中做什么都要考虑作用域，非常麻烦！

「React」万物皆组件，做什么都要用到组件，组建拼合起来就是常见的应用。

「Vue」对初学者非常友好，把所有的业务逻辑代码都放到vue .js文件下，干起活来非常爽。

2.技术背景：

「angular」 世界上最伟大的技术公司谷歌支持。

「React」由脸书Facebook支持，有专门的团队维护。

「Vue」尤雨溪大神个人产品，背后是ucloud，是ucloud技术顾问。

3.程序生态：

「angular」 是全家桶，支持独立开发程序。

「React」属于散架，需要全网拼接第三方组件开发程序。

「Vue」属于半桶水，有官方支持亦可从全网生态找组件来用。

4.技术比较：

「angular」和「Vue」 都是基于模版编写，解析模版会耗费一定时间。

「React」由JSX最终解析成JS，在时间上要快一些！

【总结】

三大框架都在逐渐趋向于一致，如果非要决出胜负，那「React」稍稍跑在了前头，他考虑到程序员非常多的弱点就是不想学习新东西，所以在实际应用上「React」在历史迭代的过程中更人性化

希望以上的回答对你有所帮助！

1.react框架:

create-react-app+antd（antd PC，移动端都有）

umi+dva+antd

ant design pro（管理系统）

ReactNative（app混合开发）

2.vue框架：

vue-cli+element-ui或iview（PC，移动端，小程序都有）

vue-element-admin（管理系统）

vue-cli3+cordova或者weex（app混合开发）

3.Flutter（app混合开发）

4.es6,webpack,gulp,node,包管理工具,esLint,echart,css预处理器,i18n等等