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

2021-02-02 17:15

阅读：450

标签：nal 工作市场效率兼容产品应用放大 orm

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时代，算是跟正儿八经的软件工程师接轨了，原因有两个主要方面：

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

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

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

前端主流技术框架

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

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

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

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