您现在的位置是：首页 > 网站技术问题网站技术问题

web前端工程师需要掌握哪些技术？

江湖快报网2023-02-08 10:20:27【网站技术问题】人已围观

简介1、开发语言
HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是网页制作嘛。其实不然，web前端需要掌握的核

1、开发语言

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

2、浏览器兼容性

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

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

3.hack技术

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

4.业内标准

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

5.开发工具

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

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

想要成为一个好的前端程序员，需要掌握的技术还是比较多的，比如HTML5开发、JavaScript、Veu.js框架开发等等。

前端就是展现给用户浏览的部分。我们通常说的前端，其实是指前端开发，也就是创建PC端或移动端等前端界面给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

学习的内容包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

许多的人都想知道，前端工程师到底要需要掌握什么技能、需要到达什么程度，才能去找工作？最简单的答案：

把 html、css、 js 基础学扎实，再掌握vue或react前端框架之一就可以了。

真的是这样吗？技术上看似乎没问题，但是找工作不只要从技术上下手，还要从个人目标和公司的招人标准综合进行考量。那么接下来，我们从这几个方面来分析一下，前端工程师找工作的必要条件。

个人的目标

现在我们的教育并没有太着重于个人目标和职业规划的设定，但找工作与其关系特别大。如果你想找一个大厂，那么准备方向就跟创业公司完全不一样。我们分别来看一下这两种情况。

大厂

大厂可能更看重你的 html 、 css 和 JavaScript 基础，以及数据结构、算法和计算机网络。你的准备方向就应该是这些基础方面的东西。另外还有一些原理方面的知道，比如你要做 vue 或者 react 开发，那就要知道 virtual dom 和 diff 算法的原理。

创业公司

如果你的目标是创业公司（这种公司的发展前景不可预测，可能大展宏图，也可能半途而废），你需要有大量的实战经验，因为创业公司为了抢占市场，产品的开发进度一般都会特别紧张，你需要去了就能够立刻干活；而理论方面的东西则会关注的少一些。针对面试，你需要去准备相关技术（比如 React 或 Vue) 的实战项目经验。

所以要想知道学到什么程度才能去找工作，首先得明确一下你的目标，「是想去大厂，还是去创业公司，然后分别进行准备和突破。」

公司要求

接下来再看一下公司的招聘要求，好多公司都写的特别专业、全面，除了基本语法、框架外，还要求有兼容性调整、性能优化、可视化经验，或者是掌握一些小众框架。这些招聘信息其实描述的是最佳人选，几乎在100个里面才能挑出1个来，而这种大牛级别的人自己也向往更好的工作机会，所以可能根本不会跟你有竞争关系。公司这么写招聘要求目的只有一个，就是找一个技能越全的人越好。

事实上，你只需满足要求的百分之「80% ， 70%」，甚至「50%」都有可能获得这份工作机会，因为面试不光看技术，还要看眼缘、人缘：如果面试官觉得你们投缘的话，你即使有不会的问题，他也会主动引导你帮你回答上来；要是不投缘（有些比较250的面试官），那就算你会的再多，他也会觉得你很菜（你不懂他懂的）。

所以说那些招聘要求就只作为参考就好了，可以作为你以后的学习路线。不过这些技能还是掌握的越多越好，技多不压身，你可以一边面试一边准备，这样也不会互相影响。

技术能力

分析完外界的因素之后，来看一下咱们需要具体掌握哪些技术。

基础

作为一名前端工程师，html、css、JavaScript 基础是一定要掌握牢固的，所有的语法点都必须要掌握，然后还要熟识面试必考的题，比如 ES6 及后面的新特性、原型链 Event Loop 等等。这些不是从学校学来的，而是为了面试专门突击准备的，需要反复的去看，去研究，最后把它们理解并记住。

框架

掌握这些基础之后，就需要看一下前端比较火爆的框架， react 和 vue 。大厂用 React 的比较多，中小型公司用 vue 的比较多，当然这也不是绝对的。据我目前的经验来看，React 的薪水还是比较高的，不过看你自己喜好，喜欢做什么就做什么，从这两个框架中选一个深入去学，后面有时间再去研究另外一个。具体学习和准备方法可以

先学基础用法，再学高级用法，最后掌握框架原理，比如：React / Vue ， Redux / Vuex ，因为面试官通常喜欢问这方面的问题。针对这些一定要去看看别人的总结，然后自己研究一下，会更容易理解并记住。了解原理后，有时间再去研究一下源码，对于面试会更有帮助。

理论准备完之后，实战肯定也少不了，无论是校招还是社招，无论是面大厂还是面小厂，都需要应聘者有实战经验。因为光会纸上谈兵，编码能力不够也不会有公司愿意去培养。实战就建议大家自己去「网上找一些项目的灵感，然后动手去做一下」。

刚开始可能会觉得自己技术不够，也没有一个全局的概念，这些都是正常的过程，可以跟一些课程或者书籍，或者是网上的一些资源，学习一下，免费或收费的都可以。收费的好处就是它有一个完整的体系，让你从全局上有一条路径顺着走下去，就能完成一个目标。而免费资源需要你有充裕的时间，因为在遇到问题的时候，需要你一点一点去研究。不过在完成之后，回顾一下你的项目开发过程，也会在脑子里形成体系，再把之前看过的所有资料整理一下，也就学会了，只是时间上会比较长。学习过程中遇见有不懂的地方，没有可以请教的人，就可以到这个WEB前端学习郡，开始三个是296，然后中间就是212，后面就是562。有问题可以随时提出来，很多人都会帮忙解答。

有些公司的实战经验要求的比较丰富，比如兼容性调整和性能优化。这种经验就需要你在开发项目中，刻意去创造问题的场景，然后解决它。比如说兼容性调整，你就得在项目中体验一下不同浏览器对于JS和CSS 特性的支持程度，然后按需调整。而性能优化则就需要从网络请求、图片加载、动画和代码执行效率下手。这些你搞懂了之后，基本上百分之七八十的公司都可以面过去。

软技能

上面说的是必备的硬性技术技能，还有一些必要的软技能，用以展示个人性格和工作能力。最重要的一项软技能是沟通能力。

沟通能力

沟通能力，对于面试或是汇报工作都是必须的。它跟你的自信程度是完全挂钩的，你只有自信之后才能有更好的沟通和表达能力，如果唯唯诺诺，低三下四，那么在面试或汇报工作的时候就会支支吾吾，颠三倒四。

举个例子：好多人，包括我本人，在面试的时候都会紧张，而我又属于那种特别紧张的，有些技术可能本来是熟悉的，但面试的时候人家换一个问法、或者气氛比较紧张的话，大脑就会一片空白，想说也说不出来，特别吃亏。要解决这个问题，就要相信自己就是什么都会，面试官也不见得比自己会的多，然后面试前事先准备好常见面试题的答案，以及过往的工作经验，可以极大的增加自信。当准备面试题的时候，可以采用框架的形式进行组织，下边介绍两个常用框架用来回答工作经验类和原理类的问题。

STAR 框架

对于工作经验相关的问题，可以使用框架组织回答，比如亚马逊北美那边面试会提前会告诉你，用一个叫 STAR 的框架回答问题：

「S」是说 situation，事件/问题发生的场景。

「T」指的是 task，在这个场景下你要解决的问题或者要完成的任务。

「A」是 action，行动，要解决上边那些 tasks，你需要付出哪些行动？比如说第1步先去调试代码，然后第2步再去检查一下哪个变量出问题了，描述清楚每一步行动。

「R」是 result，结果，这些行动有了什么样的结果，是成功了还是失败了，对你来说有什么帮助或者增长了什么教训。又或者往大里了说，给公司带来了什么效益。

这样一整套就比较有逻辑。

原理回答框架

再说原理概念类的问题的回答，也是要有一套逻辑的，就比如说解释一下某某技术的工作原理，那么你要：

解释一下这个技术是干什么的( 「What」 )。它有什么好处( 「Why」 )。分析一下这个技术内部用了哪些核心算法或机制，从外到里，或者由浅入深的给它剖析出来。如果是能拆解的技术，那就把每个部分或者组件的作用简单的描述一下（「How」 )。最后再给他总结一下这个技术的核心部分。例如，你要回答 react 工作原理的问题：

可以先说一下 React 是做什么的它是一个构建用户界面的库。然后它使用了（从浅一点的方面） virtual dom 把组件结构放在了内存中，用于提升性能。组件刷新的时候又使用了 diff 算法，根据状态的变化去寻找并更新受影响的组件（然后继续深入 diff 算法...）。

再底层一些， React 分为了 React 核心和 React-dom ，核心负责维护组件结构，React-dom 负责组件渲染，而 React 核心又使用了 Fiber 架构等等等等。如果你深入阅读过它的源代码也可以再结合源码给面试官详细介绍一下，最后再总结一下 react 加载组件、渲染组件和更新组件的过程，这个就是它的工作原理。

总结

这些就是前端工程师要学到什么程度才能去找工作、以及怎么找工作的一些个人看法。你需要：

1.设定个人目标。

2.辩证看待公司的招聘要求。

3.掌握硬技能和软技能（沟通能力)。

4.使用 STAR 框架和 WWH 框架组织面试回答。

前端三大基础技能HTML、CSS、JS自不必说，这是前端吃饭的东西。

TCP/IP、浏览器渲染原理、前端性能优化兼容、PC/M端开发、DOM、BOM、计算机原理等。就目前社会上需要的而言，除了基础之外，会要求掌握Vue、react、ng、node等一个或多个知识。还有就是一些npm、yarn、gulp、webpack等工具的使用。

Web前端工程师：完成客户端程序（即浏览器端）的开发，开发JavaScript和Flash模块，结合后台开发技术模拟整体效果，富InternetWeb开发，致力于通过技术提升用户体验。

对Web2．0、HTML＋CSS和浏览器兼容性有深刻的理解。了解其他IT编程语言，如PHP、Java、．net和vue。

掌握以下技术：

1. 掌握基本的web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，了解其与不同浏览器的兼容性、渲染原理及bug