js交互开发高级基本内容第一节

什么是javascript

一、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




转载请注明:http://www.aierlanlan.com/tzrz/4750.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了