JavaScript基础 ——【了解JavaScript】
了解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特点
- JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够快速完成程序的编写工作
- JavaScript可以跨平台,它不依赖操作系统,仅需要浏览器的支持
- 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】相关推荐
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第24章 JavaScript简介 1.HTML是网页的结构,CSS是网页的外观,而JavaScript是网 ...
- JavaScript基础之一JavaScript的邂逅
1.JavaScript的邂逅 1.0 前端的三大核心 前端开发最主要需要掌握的是三个知识点:HTML.CSS.JavaScript 1.1 计算机语言 前面我们已经学习了HTML和CSS很多相关的知 ...
- JavaScript基础之三JavaScript变量和数据类型
1. JavaScript变量和数据类型 1.0 js变量和数据类型 在我们平时开发中,使用最多的并不是固定的数据, 而是会变换的数据: 比如购物车商品的数量.价格的计算等等: 比如一首歌曲播放的时间 ...
- 脚本语言【JavaScript基础】JavaScript函数:声明+调用
文章目录 在javaScript脚本语言当中:函数使用也是分为两部分:声明+调用 数组 在javaScript脚本语言当中:函数使用也是分为两部分:声明+调用 函数在JS当中声明方式有两种 关键字fu ...
- JavaScript基础 | Day02 JavaScript的运算符、语句、综合案例
1.运算符 1.1 算术运算符 1. 数学运算符也叫算术运算符,主要包括加.减.乘.除.取余(求模). +:求和 -:求差 *:求积 /:求商 %:取模(取余数) (运用场景:来判断某个数字是否能被整 ...
- JavaScript 基础之: JavaScript 秘密花园
简介 关于作者 这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计). 贡献者 贡献者 中文翻译 ...
- JavaScript 基础之 JavaScript 秘密花园
简介 关于作者 这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计). 贡献者 贡献者 中文翻译 ...
- 一.JavaScript基础
目录 一.什么是javaScript基础 (一)特点: (二)javaSrcipt组成部分: (三)javaSrcipt的基本结构: (三)javaSrcipt的核心语法: (四)javaSrcipt ...
- JavaScript基础和js概括
js内容概括: Html 结构化 CSS 样式 JavaScript 行为交互 01.JavaScript基础 02.JavaScript操作BOM对象 03.JavaScript操作DOM对象 ** ...
- js java用var_Java基础———JavaScript基础知识
原标题:Java基础---JavaScript基础知识 JavaScript基础知识(1) Javascript的历史,Javascript是什么? JavaScript 诞生于 1995 年. 它当 ...
最新文章
- c语言程序设计歌手大奖赛,C语言二维数组怎么做:设计青年歌手参加歌曲大奖赛计分系统: 共...,怎样用c语言程序设计? 青年歌手参加歌曲大奖赛,有10个评委...
- slab 内存分配器介绍(一)
- 在我生命里留下温暖记忆的一位老师
- SDK,NDK,ADT工具下载常用地址
- 一分钟理解三次握手和四次挥手
- 终于有人讲明白了,原来这才是全球低时延一张网技术
- labview与C数据类型的对应关系
- ie 打开html文件 慢,win7系统使用ie浏览器访问网页显示缓慢、卡死的解决方法
- super-resolution
- iPhone通过CPU确定手机型号
- (二)基于数据库的认证与授权
- 白魔法师--图的连通块问题(牛客小白月赛25)
- 键盘录入长方形的长和宽,计算长方形的周长和面积,请使用面向对象的方式解决
- 据说要改变Web3应用层,X2Earn又是什么?
- matlab常用工具箱汇总(附toolbox下载地址)
- 《概率论与数理统计》-第二章 随机变量及其分布-第一节 离散型随机变量及其分布-笔记
- 移动端H5常见问题以及解决方案
- 肉眼看不见的信息传递圈层
- webmatrix3 php,webmatrix
- FULENT软件测试工程师头像,关于ANSYS总部测试案例3之FLUENT软件中湍流管道压降的测试报告20141230.pdf...
热门文章
- 教你文件重命名快速操作
- Python字符串的转义字符
- 高并发时,读文件、读SESSION、读缓存(Redis)和读数据库(Mysql)的查询效率哪家强?
- 北京:外地社保卡可以在北京19家医院实现住院费用即时结算!
- HTML day_02(6.1)表格列表、结构标记 、 表单、新表单元素
- excel选择性粘贴为何是html,Excel选择性粘贴预览有什么功能
- 上行30m下行200m是多少宽带_套餐内有多少流量,就加送多少流量!电信流量攻势太凶猛!...
- 计算机安装win10配置,win11发布了,那么安装win11配置要求是什么?win11配置要求详解...
- mybatis mysql ssh_SSH Mybatis 框架
- Quantopian 入门系列二 - 流水线 (下)