一个合格的web前端需要会啥？

Posted 2023-05-04

1. div和table

这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

2.html

html是指超文本标签语言，是目前web领域应用广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列，所以要熟练掌握HTML基本知识，包括每个标签的用法等。

3. CSS

CSS指层叠样式表，可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。

4.Javascript

javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建 cookies等等，现在各大网站都可以看见 Javascript的踪影，常见的网站首页大眼晴、警告提示框、页面动画效果等等。Javascript更是一种在客户端广泛使用的脚步语言，在 Javascript当中提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等!

5.Jquery

Jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少。 Jquery是一个免费、开源的轻量级的Javascript库，并且兼容各种浏览器，同时现在有很多基于 Jquery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度。

6.框架

从 bootstrap开始，响应式的珊格系统被后来框架一直沿用，建议学一套主流mvc框架，vue，react， angular两选一种。

7.会点后台语言

对于前端工程师来说，并不需要像网站程序员样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET＆POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入，以及掌握HTTP与WEB工作原理、掌握Socket长连接实时网络通信技术、掌握 NOSQL中的 MONGODB的应用、了解php语法、了解 mysql数据库的基本操作。

 

当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等，因此还需不断的坚持学习。

参考技术A html,，css，js三者完全掌握，这个是前端写网页的基础技术，就不多说了。
HTML5是由万维网发布的最新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。
CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3对于Web前端整个页面的设计是必备的技能。
JQuery，顾名思义也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+,Opera 9.0+），JQuery2.0及后续版本将不再支持IE6/7/8浏览器。JQuery使用户能更方便地处理HTML、EVENTS、实现动画效果，并且方便地为网站提供AJAX交互。熟练掌握JQuery会让你更好的使用JavaScript。
AJAX即“Asynchronous JavaScript AndXML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。AJAX开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。同时，开发人员还需要考虑C/S环境的外部和使用AJAX技术来重定型MVC边界。最重要的是，AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。一旦UI设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。时刻学习最近的前端框架也是Web前端工程师的必备技能哦！
当然也还有pc端的三大框架：angular、react、vue，以及移动端的weUI、MUI等框架。对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码，保证体验的最佳，更要考虑与市面上各大浏览器的兼容性，还需顾及Web前端表现层和前后端交互的架构，以及模块化、通用类库、框架编写等一系列问题，由此提升前端开发的效率，降低开发成本和周期。 参考技术B

html, css, jQuery三者完全掌握，相信每个公司对于前端程序员都会有此要求，这些也是前端写网页的基础技术；

掌握原生HTML5和CSS3技术，能够独立完成移动端页面开发；

了解ES6的所有新特性，如：箭头操作符、类的支持、增强的对象字面量、字符串模板、解构、默认参数值、不定参数、拓展参数、let与const 关键字、for of 值遍历、iterator, generator、模块、Proxies等等；

熟练使用命令行，包括 gulp、 webpack 、vue-cli 、git ；

理解前端常用设计模式（装逼词汇），如闭包、面向对象、MVC、MVVM、单项数据流、路由、单元测试、SSR、意大利面条、模块化、组件化、函数式、纯函数、高阶函数、不可变数据；

能熟练使用至少三大前端框架中的一个，如 vue、Angular和 react，也许今年有某一个框架会胜出，所以有时间的话，三大框架都学学吧；

熟悉 HTTP，了解请求、响应、缓存、代理、反向代理 https 等；

在 GitHub 至少有一个 star 超过 42 的开源代码作品（markdown 不算），

总而言之，能给产品经理写出网页的，就都是好的前端程序员。

参考技术C

我本身是一个前端工程师，主要负责公司的PC端和小程序，说一些个人的一些想法吧。

首先，对于入门来说，前端是很友好的，当然我这里说的是基础的前端，源生的html+css+js，不涉及一些复杂的框架。甚至不需要学习任何编程语言，只需要html+css就能写出一个网页来，而且前端的学习带来的反馈十分的明显，不像其他语言，写了一堆代码，只能在黑黢黢的控制台上看到一行hello world（对于大学计算机毕业的人来说，应该很有印象，不管是c还是c++还是Java。。），前端通过几行html和css就能把网页写的很绚丽，这样就导致很多人认为前端的技术十分简单。

对于前端三件套（html+css+js）来说，html和css只是最简单最基本的，js才是最重要的，如果用人来比喻的话，html就是人体的骨骼，css就是你的外表，而js是你的大脑。如果作为一个前端都不会js的话，那就不要做了。。。我们公司的ui都会写html+css。众所周知js是一门弱类型的语言，不像java或者是c++有严格意义上的类和对象的概念，即便现在的js已经有了class和extends等关键字，但是也只是一个包装而已。所以js的学习现对于其他的面向对象语言来说，会简单很多，而且也不需要区分数据类型，不管你要干嘛，一个var都搞定了，这也大大缩短了前端的入门周期。

从上面两条可以看出来，前端的入门却是很简单，但是前端难点就在于深入的学习，前端的知识错综复杂，而且没有一个明确的线路可寻，很多时候都是用到什么就学什么，或者是根据自己的业务需求去补充知识，就拿框架来说，最基本的三个Vue，Angular，React，要说最容易学习的应该就是Vue了，React可以说是一个异类，当你看习惯了html和css之后，再去看React代码，你就会感叹这特么是啥东西（反正我是）。。。对于前段工程师来说，最重要的就是有一个自己的学习路线，由浅至深。

前端的另外一个难点就是跨端开发，特别是在现在这种小程序满天飞的时代。。。一套代码到处运行已经成为了大家的共同目标，而且已经实现了，基于三大框架，各种跨端框架铺天盖地，Taro、uniapp、mepy等等。但是我们要的跨端，不光是跨不同的小程序，还要横跨PC、移动端。写一套代码就要能运行到H5、android、ios、小程序。最大的好处就是公司节约成本。。

总结：写了这么多都是看到这个问题之后临时想到的，因为自己就是做前端的，之前做技术选型的时候，在跨端方面纠结了好久，最后选择了uni-app，但是不准备用它来做App，App目前正在研究flutter。。回想自己的前端学习历程，只能说一如前端深似海。。。曾经我也以为前端很简答， 自己学了一两个月，就可以随便的写网页了，但是工作时间久了就发现自己太单纯了。。。 朗 沃 教 育 Web前端课程就包含了最新内容。

参考技术D

你好，web前端需要学习的内容有8个阶段

web前端需要学习什么

一个合格的Web前端工程师要掌握的知识点汇总

Web前端开发人员使用的技术CSS和HTML、JavaScript，根据设计师设计的雏形来编写代码。布局，框架，浏览器涉及到不同的领域知识广度，把网站界面更好地呈现给用户。那么问题来了，初学Web前端需要掌握哪些知识呢？现在小千就来告诉你一个合格的Web前端工程师要掌握的那些知识点！

1、JavaScript

JavaScript在网页设计中是至关重要的，因为它有助于为网站提供功能。事实上，它是最流行的编程语言，因此，即使不为了Web前端开发，它仍然是一个有用的语言学习。JavaScript可以帮助你做一些互动元素并添加到你的网站地图的实时更新，在线游戏，互动电影等。使用JavaScript，可以确保你会有一个容易理解，交互的网站，可以接受任何类型的用户。

2、front end framework

CSS将帮助你更快的开发。目前，Bootstrap是可以使用的最受欢迎的前端框架。知道这些框架是如何工作的，以及如何使用它们才能在HTML5开发节省时间，这十分重要。

3、CSS preprocessors

每个Web前端开发人员都需要CSS预处理器的一些经验，因为他们将有助于加快CSS编码。他们也有额外的功能，将使您的CSS可延展性的来变得容易使用。发布代码之前，预处理器将进行处理，以确保它是可读性和可以跨所有平台使用。

4、cross browser Web development

Web前端开发人员必须知道如何使自己的网站工作模式，不管使用任何Web浏览器来访问都是如此。这样做可以确保您的用户能够访问他们需要的信息，无论他们是以何种方式。

5、CSS and HTML

开始HTML5开发的最基本的构件。一个没有CSS和HTML网页设计是不可能被创建的。例如，当你想添加图片到一个页面，HTML会显得尤为重要。学习HTML和CSS在你作为一个Web前端开发人员开始你的职业生涯就显得十分重要。而它们非常容易学习，在短短几周内便可上手。

6、Java frameworks

有相当多的Java框架，包括Backbone， Ember， AngularJS， ReactJS等等。这些框架帮助你更好的设计你的网页和编码，因为他们有一个现成的结构来让你使用Java代码。

7、responsive designs

了解如何创建响应设计也是至关重要的，尤其是当你考虑到不同的平台网络用户使用访问网络的时候。手机设计经验也是必须的，因为它将帮助你满足的人使用移动设备访问网站。

8、jQuery

一些扩展和插件，可以方便地使用Java Web开发。使用jQuery，当你开始一个新项目你不需要从头开始编码，你可以使用元素已经为您的项目，然后定制它们以适合这个项目，客户或最终用户。jQuery是用于创建网格布局，倒计时计时器，搜索表单等的插件和扩展。

9、testing and debugging

当一个项目完成后首要的就是测试，每个程序员都希望天下无bug，但是每个代码都有可能存在一些错误，学会测试代码就显得十分重要。掌握不同类型的测试，如单元测试和界面测试等。一旦你测试你的网站和发现的错误，重要的是要知道如何调试，学习不同的调试方法，这将使你的工作变得更简单。

上述就是小千整理的初学Web前端需要掌握的几项技能，希望能帮到大家。想快速掌握这些技能，那就抓紧时间来学习吧！

本文来自千锋教育，转载请注明出处。