新技术新框架不断涌现，目前学习web前端开发都要掌握什么？

web前端开发由网页制作演变而来，随着web2.0的发展，网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

经过了市场的沉淀，很多前端们开始无所适从，以前简单的技能已经无法适用前端技术的发展，新技术新框架又不断涌

前端开发市场仍然有着大量的需求。我们知道前端开发应用是很广泛的，这些公司都有前端开发岗位（当然这只是一部分）：并且薪资也不低。除了互联网公司，传统公司想要连接互联网，同样离不开前端工程师。而随着H5、微信小程序、各类APP的发展，对于前端的需求将一直上涨。所以总的来说，前端开发行业仍然有羹可分。并且营养丰富。

任何行业都需要努力，前端开发也不例外，首先你必须真的想要学习，想要改变。你需要有一个清晰的学习路线和方向，最好是能跟着有经验的人学习，这样才能快速入门前端，不走弯路。

前端开发的基础语法，由HTML+CSS+JavaScript组成，这是前端开发最基本的3个语言。

网页布局基础：HTML+CSS

HTML就是超文本标记语言，组成网页内容的最基本语言。你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。

光是HTML做网页，只是有了内容，当然是远远不够的。因为只是HTML的话，只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始，都是盒子模型布局法了，也就是用DIV+CSS来实现布局了。

CSS就是层叠样式表。通过样式属性来对标签进行布局规范，在不再使用table布局的时候，只要CSS样式对网页标签进行对应的布局实现才是正确的开发方式了。

HTML(div)+CSS布局，是基础入门的基本步骤，在这个阶段，你需要学习的内容，包括有：

1.标签语义化，SEO

2.页面加载的流程和原理

3.网页结构

4.盒子模型（W3C盒子模型和IE盒子模型）

5.CSS选择器

6.CSS布局浮动、定位

由于今年疫情，所以转行学前端的千万不要选择裸辞，能边工作边学习尽量就边工作边学习，今年就业环境严峻，岗位需求降低，对于个人技术水平提高，
所以千万不能盲目跟风，自己是否对于前端感兴趣，是否有学习的耐心，是否有这方面的学习能力，
希望你可以自学半个月自己感受一下，有任何问题随时问我。
我建立的前端学习qq裙：851231348 

在刚刚开始的阶段，大家学习的布局方式基本都是以px为单位的静态布局方法。熟悉好布局方法，先给自己一个小目标，做一个简单的电商网页的基本结构出来，不用特效，不需要交互。

浏览器脚本语言：JavaScript

JavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。

JavaScript不只是开发网页特效和渲染数据的重要内容，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。

在基础阶段，我们学习JavaScript需要注意：

1.基本关键字指令

2.基本数据类型、数组

3.函数

4.面向对象编程

5.原型链、闭包

6.JSON

7.Ajax

8.DOM(文档对象模型 原生DOM操作)

9.事件捕获、冒泡、代理

10.常用函数方法

11.ES5、6、7

在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来。

JavaScript经典类库jQuery

说到学习JavaScript，很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写，也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。

因为JavaScript有可以封装的特性，所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。

jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。

在学习jQuery的时候，需要重点认识的有:

1.jQuery语法和JavaScript原生语法的差异

2.Dom对象和jQuery对象

3.jQuery的入口函数和JavaScript的入口函数的差异

4.jQuery事件的执行逻辑。

学习jQuery，最需要达到的效果就是能快速的完成网页的特效，比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。

这些就是零基础学习必备的一些基本内容，在入门前端开发最基本需要掌握的东西，把基础理解好，才能为后面的学习做更多的准备。

在这里说一说vue框架学习

用 Vue 模仿一个饿了么就能找工作的时代一去不复返。

但是为什么现在一堆大厂喊着招聘难呢？

那是因为候选人技术和招聘者的要求出现了明显的脱钩。

我们现在把前端工程师的时代分为三种：史前时代、1.0时代、2.0时代。

有一个非常明显的参考，就是看那些「技术视频」网站不同时期的视频类型。

史前时代 史前时代的前端停留在纯切图仔层面，是后端的附庸，后端不愿意干的活，比如切图、写模板、调样式、还原设计稿这种重复劳动力工作交给前端，这个时候前端靠的是还原设计稿的能力、浏览器兼容性的知识等等，你要真说有啥技术含量，没有，这也是很长一段时间「前端」不被认为是程序员的原因。 1.0时代 这个时候随着移动互联网的发展和Node的兴起，前端进入了野蛮生长的时代，三大框架横空出世，各种构建工具、打包工具、转译工具、检查工具你方唱罢我方登场。 这个时期也是所有人都感觉前端突然变复杂了，所以能用好一个框架+全家桶成为了前端的标配，其中Vue以极低的入门门槛和友好的文档迅速占领了大量市场，但是注意，这个时候除了少数进行赋能（组件库开发、构建工具优化、前端监控系统支持等等）的前端从事一些有点难度的工作以外，绝大多数前端依然在糊页面，只不过用的工具更复杂了，前后端分离后相对更加自主了。 这个时候前端视频网站被大量的教你用Vue开发QQ音乐、饿了么、美团等等的课程霸占，所以很长一段时间内面试官收到的简历大量都是饿了么、QQ音乐的项目（结果就是看到关键字直接扔垃圾桶）。

2.0 时代 到现在，前端已经进入了2.0时代，算是跟正儿八经的软件工程师接轨了，原因有两个主要方面：

1. C端互联网红利基本消失，大量巨头企业开始转向B端，比如阿里/腾讯云、钉钉、企业微信、飞书，面向企业的工具类项目创造了大量复杂的新需求。
2. 经济形势继续急转直下，大量企业倒闭，前端（何止是前端、何止是程序员）处在一个人员（注意不是人才）过剩的情况，没有突出能力的前端很难被企业招聘。 2.0的前端几乎进入了以下几个方向：
3. 前端赋能领域，比如组件库的建设定制化构建工具、可视化库（ Node相关的框架、serverless等等等等。
4. 复杂前端产品的研发，比如文档编辑器领域（语雀、钉钉文档、腾讯文档）、设计编辑器领域、WebIDE、lowcode平台研发等等。

按照民工叔叔 的说法第一种赋能领域属于大量的赫鲁晓夫楼组成的小区，难点是规模大，但是赫鲁晓夫楼突出一个简单无脑，有很大的通用性，所以需要底层工具赋能加快研发。 第二种属于单座摩天大楼，难点在于本身的工程复杂度就很高，业务通用性差，需要专门定制。

APP
18年是越来越多人去开发了，这种是能直接产出下载到终端的APP的，在体验感上可以说
已经具备传统APP的大部分功能了。这种开发门槛较低，也就是前端开发就可以完成。多数都是大包平台就能做，这个你可以后面了解一下。

前端主流技术框架

前面的都是基础东西，现在去就业前端开发，不是只靠个基础东西，搞个移动端页面就可以算成熟了。前端3大框架，VUE、Angular、React这3个可以说是现在非常火热的了。

基础语法都可以写的前端，为什么还要框架？

很多小白朋友是不懂什么是框架的，只听过jQuery这些东西，以为就是框架。或者认为框架就是加速开发，觉得这些库、插件就能完成框架的工作了。

其实框架的出现，是改变前端地位的重要标志。最重要的表现，就是前后端分离，在前后端分离之前，很多后端开发都是又当爹又当妈的，效果不好效率也不高，我就是在后端出身，深知痛苦。

现在的前端项目，比以前是更加复杂化、多样化了。项目复杂了，问题也多了。