2-3年前端要会什么

1开发语言

HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页 嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄 自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会得越多越好，如果您想往项目经理发展，能懂一两门后台语言，绝对是锦上添花！

2浏览器兼容性

互联网目前主流浏览器有IE6\7\8\9，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯 TT，360，the World等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏 浏览器，你翻翻他的硬盘，相信几十款肯定是有的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的浏览器要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端开发的热爱和激情。

目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自 动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的UCWEB，safari，IE，3G门户的，以及 symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是 完全不同的。

3hack技术

由于不同的浏览器对CSS的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSS hack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员 必备的技能。

4业内标准

目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。

5开发工具

目前比较流行的是Dreamweaver， 其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现 在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用DW等工具产生的冗余代码。此外再掌握一些photoshop技能，即使没有美工，也能 简单处理一些图像。

小结，掌握以上技能，可以说你是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。虽然这看起来和网页制作设计差不多，从效果上来看，都是制作网页的，但实际上，技术上所超出的已经是好几个档次的东西了。

前端开发工程师，是完成互联网产品的用户界面开发的，包括我们常见的PC/移动端网页，小程序，APP。

完成开发我们需要学习掌握常规的HTML，CSS,JavaScript代码编辑能力，同时还需要掌握前端开发框架知识。

首先我们要知道，目前前端开发工程师在企业里有两种情况：

1美工出身的前端开发工程师 ，工作内容更偏向美工

2后端或其他语言开发转前端开发工程师 ，工作内容更偏向技术

有这两种情况，在选择工作的软件和工具上，更多的是要看工作的内容和团队风格。下面我讲几种我们常见的前端开发会用到的工具，你可以参考

也就是写代码的。我们常见的前端开发编辑工具就有：WebStorm，HBuilder，Sublime，VScode。如果是偏视觉一点的，会选择用Dreamweaver。

PS这个不用说，做处理的工具，美工肯定要用。如果你的工作内容是纯技术，基本碰不到，基本上公司会让UI来弄

我们除了会用到一些软件，专业的前端开发还会用到非常多好用的工具，帮助我们开发工作的。

浏览器兼容性测试工具

除了这些，还有很多比较不错的在线工具，这些你可以在以后工作中慢慢接触。

上述问题是指的web前端的开发工具么？

我个人了解的除了上一位大神发的那几个工具外，开发时还常用的工具也需要会以下几个：

1、PS

PS呢主要用于对图像进行处理和修改，ps在图像和以及视频和文字方便都有涉及，作为一个前端开发者而言是需要掌握滴。

2、HBuilder

HBuilder是一款前端开发工具，支持一些html和js等开发，主要编写一些c和web等语言，HBuilder最大的优势就是速度比较快，强大的代码提示和代码输入，大大增加了开发者的开发效率。

3、Dreamweaver

Dreamweaver是一款网页代码编辑器，并且利用一些前端代码对网页进行快速的开发，并且通过智能搜索引擎对网页进行访问，开发者利用视觉来减少出现的错误。

4、WebStorm

WebStorm 是一款JavaScript 开发工具。目前被开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

像web前端开发的软件工具网上搜索的话，会 出现很多，工具只是个辅助作用，主要还是要看开发人员的技术，技术厉害，用啥工具都没啥问题。web前端开发中需要掌握的技术：HTML、CSS、JavaScript、jQuery、Ajax等等这些都必须熟悉掌握才可以啊。加油啊兄弟们。

web 前端开发者路过，大家都知道作为前端技术人最主要要掌握html ，css 和JavaScript 和各种主流框架，淡出了这些你还要掌握其他工具或者技术来提高工作效率。接下来我来讲讲几个必要的技术或者软件。

1: 版本管理工具 git ，大家都知道一个软件的诞生会涉及到各种开发人员参与，为了更好的控制版本和团队合作，开发过程中往往要采用 git 或者其他版本控制工具，可以大大提高工作效率。

2:接口工具 postman ，一款可以模拟各种请求的软件，可以自定义设置请求头，请求参数，支持时候请求方式 ，提供桌面客户端，网页应用和插件，在实际开发中非常好用。

3:代码工具 vscode，被称为史上最好用的前端编辑器，支持各种编程语言，支持git eslint 扩展，docker 容器扩展，界面友好。

Web前端：

1、精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；

2、精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；

3、熟悉JavaScript，了解ECMAScript基础内容，掌握1到2种js框架，如JQuery；

4、对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；

5、对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施；