了解JavaScript

  • 1. JavaScript 的诞生
  • 2. JavaScript 是什么
  • 3. JavaScript 与HTML、CSS关系
  • 4. 浏览器执行 JS
  • 5.JavaScript特点
  • 6. JavaScript的组成
    • 6.1. ECMAScript
    • 6.2. DOM
    • 6.3. BOM
  • 7. JavaScript 的作用
  • 8.常用开发工具

1. JavaScript 的诞生

在1995年时,Netscape(网景)公司(现在的Mozilla)的布兰登·爱奇(Brendan Eich)在网景导航者浏览器上首次设计出了JavaScript。Netscape最初将这个脚本语言命名为LiveScript,后来Netscape公司与Sun公司合作之后将其改名为JavaScript。

2. JavaScript 是什么

JavaScript 是Web开发领域中的一种功能强大的编程语言,是一种运行在客户端的脚本语言 (Script 是脚本的意思),主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。是世界上最流行的语言之一。
脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行

3. JavaScript 与HTML、CSS关系

网页组成:对于制作一个网页而言,HTML、CSS和JavaScript分别代表了结构、样式和行为,三者之间的区别如下。
HTML:决定网页的结构和内容,相当于人的身体。
CSS:决定网页呈现给用户的模样,相当于给人穿衣服、化妆。
JavaScript:实现业务逻辑和页面控制,相当于人的各种动作。
JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。
浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。

4. 浏览器执行 JS

浏览器分成两部分:渲染引擎和 JS 引擎

  • 渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkit
  • JS 引擎:也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8

浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释
每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行

5.JavaScript特点

  1. JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够快速完成程序的编写工作
  2. JavaScript可以跨平台,它不依赖操作系统,仅需要浏览器的支持
  3. JavaScript支持面向对象,可以使JavaScript开发变得快捷和高效,降低开发成本

6. JavaScript的组成

JavaScript由ECMAScript、DOM、BOM三部分组成。

6.1. ECMAScript

ECMAScript 是由ECMA 国际( 原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript 或 JScript,但实际上后两者是 ECMAScript 语言的实现和扩展
ECMAScript:是JavaScript的核心。它规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵守的一套JavaScript语法工业标准

6.2. DOM

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。
通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

6.3. BOM

BOM (Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行
互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等

7. JavaScript 的作用

  • 表单动态校验(密码强度检测) ( JS 产生最初的目的 )

  • 网页特效

  • 服务端开发(Node.js)

  • 桌面程序(Electron)

  • App(Cordova)

  • 控制硬件-物联网(Ruff)

  • 游戏开发(cocos2d-js)

8.常用开发工具

在Web前端开发中,常用的开发工具包括很多,例如:

  • Visual Studio Code
  • Sublime Text
  • Hbuilder
  • Adobe Dreamweaver
  • WebStorm

JavaScript基础 ——【了解JavaScript】相关推荐

  1. Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结

    内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第24章  JavaScript简介 1.HTML是网页的结构,CSS是网页的外观,而JavaScript是网 ...

  2. JavaScript基础之一JavaScript的邂逅

    1.JavaScript的邂逅 1.0 前端的三大核心 前端开发最主要需要掌握的是三个知识点:HTML.CSS.JavaScript 1.1 计算机语言 前面我们已经学习了HTML和CSS很多相关的知 ...

  3. JavaScript基础之三JavaScript变量和数据类型

    1. JavaScript变量和数据类型 1.0 js变量和数据类型 在我们平时开发中,使用最多的并不是固定的数据, 而是会变换的数据: 比如购物车商品的数量.价格的计算等等: 比如一首歌曲播放的时间 ...

  4. 脚本语言【JavaScript基础】JavaScript函数:声明+调用

    文章目录 在javaScript脚本语言当中:函数使用也是分为两部分:声明+调用 数组 在javaScript脚本语言当中:函数使用也是分为两部分:声明+调用 函数在JS当中声明方式有两种 关键字fu ...

  5. JavaScript基础 | Day02 JavaScript的运算符、语句、综合案例

    1.运算符 1.1 算术运算符 1. 数学运算符也叫算术运算符,主要包括加.减.乘.除.取余(求模). +:求和 -:求差 *:求积 /:求商 %:取模(取余数) (运用场景:来判断某个数字是否能被整 ...

  6. JavaScript 基础之: JavaScript 秘密花园

    简介 关于作者 这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计). 贡献者 贡献者 中文翻译 ...

  7. JavaScript 基础之 JavaScript 秘密花园

    简介 关于作者 这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计). 贡献者 贡献者 中文翻译 ...

  8. 一.JavaScript基础

    目录 一.什么是javaScript基础 (一)特点: (二)javaSrcipt组成部分: (三)javaSrcipt的基本结构: (三)javaSrcipt的核心语法: (四)javaSrcipt ...

  9. JavaScript基础和js概括

    js内容概括: Html 结构化 CSS 样式 JavaScript 行为交互 01.JavaScript基础 02.JavaScript操作BOM对象 03.JavaScript操作DOM对象 ** ...

  10. js java用var_Java基础———JavaScript基础知识

    原标题:Java基础---JavaScript基础知识 JavaScript基础知识(1) Javascript的历史,Javascript是什么? JavaScript 诞生于 1995 年. 它当 ...

最新文章

  1. c语言程序设计歌手大奖赛,C语言二维数组怎么做:设计青年歌手参加歌曲大奖赛计分系统: 共...,怎样用c语言程序设计? 青年歌手参加歌曲大奖赛,有10个评委...
  2. slab 内存分配器介绍(一)
  3. 在我生命里留下温暖记忆的一位老师
  4. SDK,NDK,ADT工具下载常用地址
  5. 一分钟理解三次握手和四次挥手
  6. 终于有人讲明白了,原来这才是全球低时延一张网技术
  7. labview与C数据类型的对应关系
  8. ie 打开html文件 慢,win7系统使用ie浏览器访问网页显示缓慢、卡死的解决方法
  9. super-resolution
  10. iPhone通过CPU确定手机型号
  11. (二)基于数据库的认证与授权
  12. 白魔法师--图的连通块问题(牛客小白月赛25)
  13. 键盘录入长方形的长和宽,计算长方形的周长和面积,请使用面向对象的方式解决
  14. 据说要改变Web3应用层,X2Earn又是什么?
  15. matlab常用工具箱汇总(附toolbox下载地址)
  16. 《概率论与数理统计》-第二章 随机变量及其分布-第一节 离散型随机变量及其分布-笔记
  17. 移动端H5常见问题以及解决方案
  18. 肉眼看不见的信息传递圈层
  19. webmatrix3 php,webmatrix
  20. FULENT软件测试工程师头像,关于ANSYS总部测试案例3之FLUENT软件中湍流管道压降的测试报告20141230.pdf...

热门文章

  1. 教你文件重命名快速操作
  2. Python字符串的转义字符
  3. 高并发时,读文件、读SESSION、读缓存(Redis)和读数据库(Mysql)的查询效率哪家强?
  4. 北京:外地社保卡可以在北京19家医院实现住院费用即时结算!
  5. HTML day_02(6.1)表格列表、结构标记 、 表单、新表单元素
  6. excel选择性粘贴为何是html,Excel选择性粘贴预览有什么功能
  7. 上行30m下行200m是多少宽带_套餐内有多少流量,就加送多少流量!电信流量攻势太凶猛!...
  8. 计算机安装win10配置,win11发布了,那么安装win11配置要求是什么?win11配置要求详解...
  9. mybatis mysql ssh_SSH Mybatis 框架
  10. Quantopian 入门系列二 - 流水线 (下)