|
JS学习自检
什么是JavaScript
JavaScript是Web页面中的一种脚本编程语言；
也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言；
主要完成与客户端交互，与服务器交流。
现在也可以基于 Node.js 技术进行服务器端编程。
它不需要进行编译，而是直接嵌入在 HTML页面中，
把静态页面转变成支持用户交互并响应相应事件的动态页面。
脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行。
JavaScript的主要特点
Javascript脚本语言的主要特点如下：
- 解释性
不同于C、C++之类的编译性的语言，JS的源代码不需要经过编译，可直接在浏览器中运行时被解释。 - 基于对象
JS是一种基于对象的语言，能运用自己已经创建的对象。许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 - 事件驱动
可以直接对用户输入做出响应，无需经过Web服务程序。它对用户的响应是以事件驱动的方式进行的。事件驱动是指，在页面中执行了某种操作所产生的动作；单击鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 - 跨平台
JS依赖于浏览器本身，可以在任何 能运行浏览器的计算机，并支持JS的浏览器 得到执行。 - 安全性
JS不允许访问本地硬盘，不能将数据存入服务器，也不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，可以有效防止数据丢失。因此说JS是一种安全性语言。
JavaScript的主要应用
- 表单动态校验（密码强度检测） （ JS 产生最初的目的 ）
- 网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
JavaScript在HTML中的使用方法
JS 有3种书写位置，分别为行内、内嵌和外部。
行内式JS：
<input type="button" value="点我试试" onclick="alert('Hello World')" />
/* 可读性差， 在html中编写JS大量代码时，不方便阅读；*/
/* 引号易错，引号多层嵌套匹配时，非常容易弄混；*/
注：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
内嵌JS：
<script>
alert('Hello World~!');
</script>
外部 JS文件:
<script src="my.js"></script>
/* 既美观，也方便文件级别的复用 */
/* 适合于JS 代码量比较大的情况 */
浏览器如何执行 JS
浏览器分成两部分：渲染引擎和 JS 引擎
- 渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit
- JS 引擎：也称为 JS 解释器。 用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome 浏览器的 V8
浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎( 解释器 ) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（ 转换为机器语言 ），然后由计算机去执行，所以 JavaScript 语言称为脚本语言，会逐行解释执行。
JS 的三大组成
Javascript
ECMAScript.
DOM.
BOM.
- ECMAScript
ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。 - DOM
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。
通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。 - BOM
浏览器对象模型 (Browser Object Model，简称BOM) ，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。
待续。
|