Web前端涉及到的知识点和技术工具汇总！

古城微笑少年丶 2023-03-06 05:39 15阅读 0赞

现在各大网站的页面基本上都是使用Web前端技术完成，Web前端技术独有的特性能够让用户得到更好的体验。随着前端技术不断更新，Web前端技术已经成为了现在企业和开发人员热议的话题。分析数据显示，在未来几年，互联网市场对Web前端人才的需求量仍然处于一个较高的水平，这也使得很多互联网公司对人才的需求别的更加渴望。想加入Web前端行业的人也是与日俱增。

今天来和大家讲讲Web前端开发需要学习什么？前端开发又需要用到哪些开发工具？前端开发的薪资情况？下面一起来看看吧。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70]

## 一、Web前端的职能 ##

Web前端工程师其实在不同的公司，有不同的职能，但是称呼都是类似的。

1、做网站设计、网页界面开发

2、做网页界面开发

3、做网页界面开发、前台数据绑定和前台逻辑的处理（我是属于这种的）

4、设计、开发、数据

## 二、Web前端的核心技术 ##

**Web前端开发需要掌握的技术：**

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

2、学习css。这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html 或者 css+div 来进行界面布局，所以css是用于辅助html来布局和展示的,我们称之为“css样式，为什么会说css+div呢？因为我上面说了div就是html主要用于布局的东西，所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好。css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局有关系的样式,一点要掌握。

3、学习js。可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

4、学习jquery。jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

5、最好会点后台语言。比如java、php,为什么呢？因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

6、学习css3+html5。为什么这个放最后呢？哈哈，因为我自己也不太会，毕竟术业有专攻嘛，虽然这个很流行，但是我是搞后端的，在工作中用不到它，只有在自己网站需要改样式，或者朋友网站样式出问题的时候，我才会去临时去研究下。但是如果你们是准备专门搞前端，那么最好还是学一下的。

上面6点，基本是一个搞web前端开发工程师需要掌握的技术，然后我也尽量的把自己的一点点经验告诉了大家，但是大家不要以为上面6点就只有我说的那么容易,不,他们之所以被人使用，之所以这么火，就是因为强大！

我说的这么简单仅仅是打消你们觉得很难的原因，万事开头难，我讲的都是入门的方法和技巧以及需要知道的东西。

## 三、Web前端薪资待遇 ##

Web前端开发的薪水工资：

这个是个敏感的话题,以上海为例，2年工作经验的web前端开发工资差不多10K~15K，如果你会些后台技术，并且前端技术很牛逼的话，到20K也是可能的。这个工资的多少主要取决于你的技术情况，所以工资也不一定的。

2019年8月，在招聘网站上。HTML5/Web前端职位招聘数量达7359个，北京地区。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70 1]  
北京HTML5/Web 前端平均工资：¥ 16750 元/ 月，最低工资4.5K-6K，最高工资30K-50K。

但是北上广的一个web前端工程师的市场价差不多就是这样，如果是二线省会城市，可能就是8K~10K，也是不错的。我们搞技术这个行业，工资的多少取决于你技术的好坏。

## 四、必备开发工具 ##

**Web前端开发需要用到的工具：**

最常用的就是dreamweaver。推荐大家使用dreamweaver cs6，cs6之前的貌似问题挺多的，cs6目前是功能最强大，问题最少的了，dw有一个比较方便的就是可视化编程，可以边看效果边敲代码，还有自动提示代码的功能。

还有就是ediplus。这个其实就相当于一个字体有颜色的记事本，我就是用这个，因为我感觉dw占用内存太多了，搞的电脑卡，所以我直接用ediplus写代码，至于这个有没有代码自动提示功能我就不知道了，大家可以百度下是否有相关插件。

还有就是eclipse。可以写java、php还有上面的各种代码！Zend Studio 是专门写php的,但是上面这2种工具比较专业，是我们专业开发人员用的，所以大家自己看着办，Photoshop这个就不用说了。

以上就是入门Web前端开发需要掌握的知识以及Web前端的薪资待遇。希望对想入门Web前端的小伙伴有所帮助。Web前端开发行业知识更新很快，可以说是一个技术密集型行业，谁掌握前沿技术，谁能才能更好的适应市场需求，走向成功。对于入行学习Web前端的新人而言，还是要一步一个脚印的前进，把握住机遇，努力学好技术。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70 2]

评论回复：Web前端，即可免费领取最新全套Web前端学习资料+源码+项目+笔记，助力大家学好Web前端。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70]: /images/20230208/605ecac171e14331b6e41980abb558f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70 1]: /images/20230208/cf54089dd9244af0b66ff4b35db90072.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70 2]: /images/20230208/219148726e5e4631985b3b78dbf1dc03.png