计算机基础和js介绍

---

一、编程语言

1.编程

编程：就是让计算机为解决某个问题而使用程序设计语言编写程序代码，并最终得到解决的过程。

计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出指令。

注意：上面所定义的计算机是指任何能够执行代码的设备，可能是智能手机、ATM机、黑莓pi、服务器等等。

2.计算机语言

计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。

计算机语言的种类非常多，总的来说可以分成机器语言，汇编语言和高级语言三大类。

实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。

3.编程语言

可以通过类似于人类语言的“语言”来控制计算机，让计算机做事，这样的语言就叫做编程语言（programming language）。

编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守。

如今通用的编程语言有两种形式：汇编语言和高级语言。

• 汇编语言和机器语言实质是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，容易识别和记忆。
• 高级语言主要是相对于低级语言而言，它并不是特指某一种具体的语言，而是包含了很多编程语言，常用的有c语言、c++、Java、c#、python、PHP、JavaScript、go语言、objective-c、swift等。

c语言：puts("你好");
php：echo"你好";
java:system.out.println("你好");
javascript:alert("你好");

4.翻译器

高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，为此，我们需要一个翻译器。

翻译器可以将所编写的源代码转换为机器语言，这也被称为二进制化。记住0和1.

5.编程语言和标记语言区别

• 编程语言有很强的逻辑和行为能力。在编程语言里，你会看到很多if else，for，while等具有逻辑性和行为能力的指令，这是主动的。
• 标记语言（html）不同于先计算机发出指令，常用于格式化和链接。标记语言的存在是用来被读取的，它是被动的。

总结

1. 计算机可以帮助人类解决某些问题。
2. 程序员利用编程语言编写程序发出指令控制计算机来实现这些任务
3. 编程语言有机器语言，汇编语言，高级语言
4. 高级语言需要一个翻译器转换为计算机识别的机器语言
5. 编程语言是主动的有很强的逻辑性

二、计算机基础

1.计算机组成

2.数据存储

1. 计算机内部使用二进制0和1来表示数据。
2. 所有数据，包括文件、图片等最终都是以二进制数据（0和1）的形式存放在硬盘中的。
3. 所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中。平时的安装软件，其实就是把程序文件复制到硬盘中。
4. 硬盘、内存都是保存的二进制数据。

3.数据存储单位

bit< byte< kb<GB<TB<……

• 位（bit）：1bit可以保存一个0或者1（最小的存储单位）
• 字节（byte）：1B=8b
• 千字节（KB）：1KB=1024B
• 兆字节（MB)：1MB=1024KB
• 吉字节（GB):1GB=1024MB
• 太字节（TB):1TB=1024GB
• ……

4.程序运行

1. 打开某个程序时，先从硬盘中把程序的代码加载到内存中
2. cpu执行内存中的代码

注意：之所以要内存的一个重要原因，是因为cpu运行太快了，如果只从硬盘中读取数据，会浪费cpu性能，所以，才使用存取速度更快的内存来保存运行时的数据。（内存时电，硬盘是机械）

三、初始JavaScript

1.JavaScript历史

• 布兰登·艾奇（Brendan eich，1961年~）
• 神奇的大哥在1995年利用10天完成JavaScript设计
• 网景公司最初命名为livescript，后来在与sun合作之后将其改名为JavaScript。

2.JavaScript是什么

• JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（script是脚本的意思）。
• 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行）。
• 现在也可以基于node.js技术进行服务器端编程。

3.js的作用

• 表单动态校验（密码强度检测）（js产生最初的目的）
• 网页特效
• 服务器端开发（node.js)
• 桌面程序 （electron）
• app（Cordova）
• 控制硬件-物联网（ruff）
• 游戏开发（Cocos2d-js）

4.HTML/CSS/JS的关系

(1)HTML/CSS标记语言–描述类语言

• html决定网页和内容（决定看到什么），相当于人的身体。
• css决定网页呈现给用户的模样（决定好不好看），相当于给人穿衣服、化妆。

(2JS脚本语言–编程类语言

• 实现业务逻辑和页面控制（决定功能），相当于人的各种动作。

5.浏览器执行js简介

浏览器分成两部分：渲染引擎和js引擎

• 渲染引擎：用来解析html和css，俗称内核，比如chrome浏览器的blink，老版本的webkit。
• js引擎：也称为js解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器的v8。

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

6.JS的组成

(1)ECMAScript

ECMAScript是由ECMA国际（原欧洲计算机协会制造商）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或Jscript，但实际上后两者是ECMAScript语言的实现和扩展。

ECMAScript：ECMAScript规定了js的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套js语法工业标准。
更多参看MDN：https://developer.mozilla.org/zh-CN/

(2)DOM——文档对象模型

文档对象模型（Document Object Model,简称DOM），是W3C组织推荐的处理可扩展标准语言的标准编程接口。

通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等等）。

(3)BOM——浏览器对象模型

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

7.JS初体验

JS有3种书写位置，分别为行内、内嵌和外部。

(1)行内式JS

<input type="button" value="余华" onclick="alert('在细雨中呼喊')">

• 可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
• 注意单双引号的使用：在HTML中推荐使用双引号，JS中推荐使用单引号；
• 可读性差，在HTML中编写JS大量代码时，不方便阅读；
• 引号易错，引号多层嵌套匹配时，非常容易弄混；
• 特殊情况下使用。

(2)内嵌JS

 <script>
        alert('在细雨中呼喊');
 </script>

• 可以将多行JS代码写到 <script>标签中

(3)外部JS文件

 <script src="my.js"></script>

• 利用HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用。
• 引用外部JS文件的script标签中间不可以写代码
• 适合于JS代码量不叫大的情况

8.JS注释

1. 单行注释 ctrl+/
2. 多行注释 默认的快捷键 shift + alt +a，vscode中修改多行注释的快捷键 crtl + shift +/

9.JavaScript输入输出语句

为了方便信息的输入输出，js中提供了一些输入输出语句，其常用的语句如下：

方法	说明	归属
alert（msg）	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输出框	浏览器