一、JavaScript概述
网页组成:对于制作一个网页而言,HTML、CSS和JavaScript分别代表了结构、样式和行为,三者之间的区别如下。
HTML:决定网页的结构和内容,相当于人的身体。
CSS:决定网页呈现给用户的模样,相当于给人穿衣服、化妆。
JavaScript:实现业务逻辑和页面控制,相当于人的各种动作。
JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。
浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。
常见浏览器及特点:
InternetExplorer:Windows操作系统的内置浏览器,用户数量较多
MicrosoftEdge:Windows10操作系统提供的浏览器,速度较快、功能较多
GoogleChrome:目前市场占有率较高的浏览器,具有简洁、快速的特点
MozillaFirefox:一款优秀的浏览器,市场占有率低于GoogleChrome
Safari:主要应用在苹果iOS、macOS操作系统中的浏览器
浏览器内核的分类:
渲染引擎(也称为排版引擎):负责解析HTML与CSS,如Chrome浏览器的Blink。
JavaScript引擎:是JavaScript语言的解释器,用于读取网页中的JavaScript代码,对其处理后执行,如Chrome浏览器的V8引擎
JavaScript代码的执行特点:逐行执行
JavaScript的诞生和发展
诞生:在年时,Netscape(网景)公司(现在的Mozilla)的布兰登·爱奇(BrendanEich)在网景导航者浏览器上首次设计出了JavaScript。Netscape最初将这个脚本语言命名为LiveScript,后来Netscape公司与Sun公司合作之后将其改名为JavaScript。
在设计之初,JavaScript是一种可以嵌入到网页中的编程语言,用来控制浏览器的行为。例如,直接在浏览器中进行表单验证,用户只有填写格式正确的内容后才能够提交表单,这样避免了用户因表单填写错误导致的反复提交,节省了时间和网络资源,示例图如下。
JavaScript的用途:可以嵌入到网页中的编程语言,用来控制浏览器的行为。
案例应用如下:
利用前后端分离模式进行开发,基于React技术栈开发的移动Web项目
基于Angular构建的响应式移动Web项目
使用WePY框架并结合ES6语法开发小程序电商项目
基于Vue.js全套技术栈开发出来的网页端后台管理系统
二、JavaScript的特点
JavaScript特点如下:
JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够快速完成程序的编写工作
JavaScript可以跨平台,它不依赖操作系统,仅需要浏览器的支持
JavaScript支持面向对象,可以使JavaScript开发变得快捷和高效,降低开发成本
三、JavaScript的组成
JavaScript由ECMAScript、DOM、BOM三部分组成。
JavaScript组成部分的简单介绍如下:
ECMAScript:是JavaScript的核心。它规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵守的一套JavaScript语法工业标准
DOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口,可以对页面上的各种元素进行操作
BOM:浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM,可以对浏览器窗口进行操作
四、JavaScript常用的开发工具
工欲善其事,必先利其器,一款优秀的开发工具能够极大提高程序开发效率与体验。在Web前端开发中,常用的开发工具包括很多,例如:
VisualStudioCode
SublimeText
Hbuilder
AdobeDreamweaver
WebStorm