1 掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
@ 现在企业的主流前端框架有哪些？
谢谢邀请！
企业主流的前端框架
1、
Angular.js
github排名：star:59.6K
angular框架算是前端框架中的常青树，自由Misko Hevery等人创建后，在前端框架中一直占有重要的地位。angular是一款优秀的前端JS框架，被用于Google的多款产品当中。angularJS有着诸多特性，最核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等，这些特性都是前端人员非常喜欢的东西。
曾经作为最流行的前端js框架，现在热度也在慢慢降低，体量大，不适合小项目使用，使得angular不再享受独宠。
2、Vue.js（三大主流框架之一）
github:star: 163K
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 [2] 。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 [3] ，Vue.js 也能完美地驱动复杂的单页应用。
有以下几个特点：
(1) 易用
已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！
(2) 灵活
不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。
(3) 高效
20kB min+gzip 运行大小超快虚拟 DOM最省心的优化
3、react.js（三大主流框架之一，GitHub排名仅次Vue）
github: star: 148K
React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC 中的 V（视图）。大家创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。
有以下几个特点：
(1) 声明式
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。
以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
(2) 组件化
创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。
组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。
(3) 一次学习，随处编写
无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。
ReactJS vs Angular5 vs
Vue.js
的使用情况
总的来说，React和Angular一直保持着相对一致的发展步调。如果要偶尝试做个预测，那么React会持续升高，Angular有所下滑。Vue.js依然不是很明晰，不过由于其框架的简洁性，发展也不错。
下面大家各个框架的优缺点：
(1) Angular 5
Angular是一个从就开始推出JavaScript MVVM框架，对于构建高度可交互的网页应用非常方便。
优点
新特性：RXJS，快速编译（3秒内），新的HttpClient；详细的文档几乎涵盖了所有必须的信息，你甚至不需要向同事咨询。不过，你需要更多的时间去学习；数据双向绑定，可以减少出错的风险；MVVM(Model-View-ViewModel)使得开发者可以针对同一个App模块同时开发；依赖注入使得模块化和模块中组件引入更加方便；
缺点
与生俱来的复杂的语法；好在Angular 5使用TypeScript 2.4，已经简单多了；迁移问题：从低版本升级到新版本的时候，不兼容导致迁移成本高。
使用Angular 5的公司：Upwork, Freelancer, Udemy, YouTube, Paypal, Nike, Google, Telegram, Weather, iStockphoto, AWS, Crunchbase。
(2) ReactJS
ReactJS是一个Facebook在开源的JavaScript库，可以非常方便地构建大型网页应用。
优点
易于学习：由于语法十分简洁，和Angular相比，React要容易得多。工程师只需要重温一下HTML的基本知识就足够。根本不需要像Angular一样，还要深度学习TypeScript。高度的灵活性；虚拟DOM将HTML，XHTML、或则XML的文档格式化成树形结构，这样浏览器可以更容易理解；结合ES6/7，React可以很容易写出各种酷炫代码；Downward数据绑定，也就是说父节点的数据不会受到孩子节点的影响；100%的开源，每天都有来自全世界无数的开发者的更新和改进；绝对的轻量级，因为数据处理既可以在用户端，也可以在服务端；版本迁移非常容易，Facebook提供了”codemods”来自动化这一过程。
缺点
缺乏官方文档：ReactJS的快速开发使得文档的缺乏，众多开发者的维护也使其缺乏一个系统化的思路；React因为太灵活增加了决策成本而不好使；需要很长的时间去掌握，因为ReactJS需要你对如何将UI和MVC框架整合有一个足够深度的理解。
使用ReactJS的公司： Facebook, Instagram, Netflix, New York Times, Yahoo, Khan Academy, Whatsapp, Codecademy, Dropbox, Airbnb, Asana, Atlassian, Intercom, Microsoft。
(3) Vue.js
Vue.js是一个诞生的前端框架，非常适合用于构架非常灵活的UI和复杂的单页面应用。
优点
强化的HTML，也就是说Vue.js有着很多和Angular相似的特点。详细的文档，Vue.js有着超级友好的文档，开发者可以快速的学会，这将会节省很多时间；可适用性：你可以很快地从其它框架转移到Vue.js，因为它和Angular以及React都有一定的相似性；非常棒的整合性：Vue.js可以同时用于单页面应用和更加复杂的网页应用。主要在于你可以用它编写很小的可交互部件，然后可以很容易地整合到现有的项目中而不会影响到整个系统；可扩展性：Vue.js可以用于快速开发大型复用模板；体积小：Vue.js只有20KB左右的大小，使得其速度和灵活性相对于其它框架都好不少。
缺点
资源匮乏：Vue.js依然在整个市场中只占有很小的比例，所以相应的资源、知识要少很多；灵活性带来的风险：有时候，将其整合到大型项目的时候会有一些问题，但是你不见得能够找到解法；来自中国：许多的元素和描述依然使用中文。这对于开发中会引入一些复杂性，好在越来越多的相关资料已经被翻译成英文。
使用Vue.js的公司：小米, 阿里巴巴, WizzAir, EuroNews, Grammarly, Gitlab and Laracasts, Adobe, Behance, Codeship, Reuters。
大家看下最近几年的前端招聘
一般的前端公司都需要精通这几个框架的 ；
总结
如果向从事前端，走的 更远，这几个框架是必须要精通的。
@ JAVA或者其他语言做后端？
要理解这两个问题，node(加个js的话排版会有问题，所以以下简称node)是关键。那什么是node,node可以是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。在发布时引起了极大的轰动。
对前端来说，node可以做两件事，一是可以用来做前端的后端，二是仅仅作为中间件。前端是题目中所说的前端的全栈模式，后者仅仅是一个中间件，后端仍由传统的Java等后端语言实现。下面说一说这两种模式。
01前端的全栈模式——node作为服务器
先来看一个前端全栈模式的layout:
为了不让图片过大，偶删除了一些约定俗成或者与node无关的东西，从这个layout里面大家可以看到后端的一些明显特征，如定义错误码、权限过滤、业务接口、mysql客户端、日志处理等。总结来说，前端的全栈模式是把前端与后端放在一个工程里面，使用node提供server服务，处理业务逻辑和操作数据库，这是前端全栈模式与单独的前端开发最大区别之所在。
02 仅前端开发——node作为中间件
仍然还是放一张图：
上图中的这种模式是很多公司和团队用的模式，图中用两种颜色区分了前后端，上面是前端，下面是后端。
为什么这么做？因为很多时候后端提供的数据结构并不符合前端的要求，或者是一些简单的逻辑没必要抑或懒得在后端做（是的，有这种情况），那前端就要对数据做分组、运算、转换等操作，但这些处理操作如果由浏览器来完成的话对性能肯定是有影响的，特别是需要处理的数据很多的时候。而node做中间层引入前端项目正好可以解决这个问题，让用户的请求首先经过node端，然后node再向后端的Java等服务器请求数据，待数据返回后渲染HTML模板呈现给用户。
总结来说，使用node作为中间层之后，Java后端处理业务逻辑并提供API接口（如常用的Restfull API），不仅前后端得到了很好的分离，还解决了异步渲染中的种种问题。
以上就是偶的一些拙见，欢迎大家在评论区评论交流。
