web前端是目前互联网岗位之中比较热门的一个求职岗位,而今天我们就一起来了解一下,前端编程开发需要掌握的技术知识都有哪些。
1.前端技能树
其中我始终坚信JavaScript才是前端人员的核心竞争力,它决定了一个前端人员在前端领域能走多远和能达到的高度。
JavaScript是一门编程语言,与之紧密相关的三个领域:BOM、DOM、ECMAScript。
BOM(BrowserObjectModel,浏览器对象模型),将浏览器抽象成对象,进而可以操作浏览器。
DOM(DocumentObjectModel,文档对象模型),将网页抽象成对象,进而可以操作网页。
ECMAScript(EuropeanComputerManufacturersAssociation,欧洲计算机制造商协会),JavaScript的标准,JavaScript是它的实现。我们对JavaScript语法的学习其实就是对此标准的学习,比如我们整天说的ES6。
2.BOM
BOM提供了独立于内容而与浏览器窗口进行交互的对象,由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window。
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性,这些对象的实例又都存在于window对象中。我们平时常用到的包括location、history、document,navigtor和screen很少用,了解即可。
JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM缺乏标准,它初是Netscape浏览器标准的一部分。
3.DOM
在DOM中,所有事物都是节点。DOM将HTML文档表达为树结构,DOM是被视为HTML的节点树。
节点对应的对象是Node,其他的具体节点对象全都是继承自Node对象。
DOM定义了访问和操作HTML文档的标准方法。换言之,DOM是关于如何获取、修改、添加或删除HTML元素的标准。
4.JavaScript与Node.js的关系
(1)JavaScript是一门编程语言,Node.js是JavaScript的运行环境
(2)JavaScript目前主要有两种运行环境:
客户端:浏览器
服务器端:Node.js
(3)任何一种运行环境都要有解释JavaScript的能力,此能力由JavaScript引擎提供,著名的当属V8引擎,Chrome浏览器和Node.js都是集成了V8引擎
(4)目前常见框架与两者的关系:
Angular、React、Vue是用JavaScript写的前端框架,编译后可以直接在浏览器中运行
Express、Koa是用JavaScript写的服务器端框架,可以直接在Node.js中运行
Webpack、Gulp、Grunt等是运行在Node.js中的构建框架