JS 学习之简单基础介绍

JavaScript的作用

JavaScript最初的目的：

JavaScript最初是用来判断客户端的基本验证，以减轻服务端的验证压力（如：是否输入用户名、密码）；

JavaScript现在的目的：

1.页面的特效（网页的动画效果）

2.移动端开发（移动端web和APP）

3.与服务器异步交互

4.服务端开发（node.js）

浏览器工作原理

浏览器的主要组件包括：

1. 用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分

2. 浏览器引擎－用来查询及操作渲染引擎的接口

3. 渲染引擎－用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的结果显示出来

4. 网络－用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作

5. UI 后端－用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口

6. JS解释器－用来解释执行JS代码

7. 数据存储－属于持久层，浏览器需要在硬盘中保存类似cookie的各种数据，HTML5定义了web database技术，这是一种轻量级完整的客户端存储技术

参考博文：https://www.2cto.com/kf/201202/118111.html

JavaScript简单介绍

1.JavaScript是世界上用的最多的脚本语言

——脚本语言：不需要编译，直接运行时边解析边执行的语言

2.JavaScript是一种客户端的脚本语言

3.JavaScript由ECMAscript、DOM、BOM三部分组成

——ECMAscript：JavaScript的语法规范

——DOM：JavaScript操作网页上元素的API

——BOM：JavaScript操作浏览器部分功能的API

JavaScript标签介绍

1.html页面添加JavaScript的两种方式

1）直接在页面书写

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>index</title>
    <script type="text/javascript">
        var n1 = 50;
        var n2 = 60;
    </script>
</head>

2）以文件形式从外部引用好处：代码分离，方便维护

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>index</title>
    <script type="text/javascript" src="main.js"></script>
</head>

2.JavaScript加载时的两种异步属性
1）async：浏览器一边渲染一边异步加载，加载完后异步执行（sync：同步加载，默认同步）

<script type="text/javascript" src="main.js" async="async"></script>

2）defer：浏览器渲染完页面以后再执行

<script type="text/javascript" src="main.js" defer="defer"></script>

JS 学习之简单基础介绍

猜你喜欢