2020年前端招聘技术概览

学习当下前端技术最好的方法就是从求职网站上找出前端的招聘要求，因为前端技术每年变化都很快，每个阶段都会不一样，这里简单从网站招聘要求罗列，仅供参考。更有针对性的是针对每个公司的招聘要求写简历，学习相关技术（除非那个公司特别好）

1.熟悉html,javaScript,css,ajax

这个是个基础功，需要多敲代码慢慢打磨。不多说。css及javaScript需要研究的比较深，盲目的学框架，不懂底层的代码很容易到达熟练的地步，到达精通需要扎实的基本功。

2.掌握vue，react，angular等前端主流框架。（比较常用的是vue和react,需要注意的是angular用的企业比较少，一般是大企业先试水）

Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。只关注视图层，采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。VUE菜鸟教程

React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。react教程

AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。通过指令扩展了 HTML，且通过 表达式 绑定数据到 HTML。angular教程

3.掌握gulp、grunt、webpack构建工具.

gulp将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。gulp教程

Grunt生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，你可以利用 Grunt 自动完成任何事，并且花费最少的代价。如果找不到你所需要的插件，那就自己动手创造一个Grunt插件，然后将其发布到 npm 上吧。先看看入门文档吧。grunt教程

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。webpack教程

4.掌握常用的包管理器npm、yarn、bower

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。NPM教程

yarn快速、可靠、安全的依赖管理工具。yarn官网

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。Bower入门教程

5.熟练应用bootstrap、jquery、zepto框架库。

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap 教程

jQuery 是一个 JavaScript 库。极大地简化了 JavaScript 编程。很容易学习。jQuery 教程

6.熟练使用easyUI、LayUI库。

jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。提供了创建网页所需的一切，帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。jQuery EasyUI 教程

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。layui 教程

7.熟练使用Echats、D3.js等用户界面库。

ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。遵循 Apache-2.0 开源协议，免费商用。兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。ECharts 教程

D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。D3.js教程