计算机基础

区分：

编程语言
编程语言和标记语言的不同
常见的数据存储单位及其换算关系
内存的主要作用以及特点

①编程: 让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。

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

1️⃣编程语言

1、计算机语言

2、编程语言

可以通过类似于人类语言的“语言”来控制计算机 ,让计算机为我们做事情,这样的语言就叫做编程语言( Programming Language) 。

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

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

●汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆。

●高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言,常用的有C语言、C++、Java、 C#、 Python、 PHP、JavaScript、 Go语言、Objective-C、 Swift等。例如：

C语言: puts ("你好") ;
PHP : echo "你好";
Java : System. out .println ("你好");
JavaScript : alert ("你好") ;

3、翻译器

4、编程语言和标记语言区别

●编程语言有很强的逻辑和行为能力。在编程语言里你会看到很多if else、for 、while等具有逻辑性和行为能力的

指令，这是主动的。

●标记语言( html )不用于向计算机发出指令，常用于格式化和链接。标记语言的存在是用来被读取的，他是被动的。

⭕总结

1.计算机可以帮助人类解决某些问题；

2.程序员利用编程语言编写程序发出指令控制计算机来实现这些任务；

3.编程语言有机器语言、汇编语言、高级语言；

4.高级语言需要一个翻译器转换为计算机识别的机器语言；

5.编程语言是主动的有很强的逻辑性。

2️⃣计算机组成

(1)数据存储

1.计算机内部使用二进制0和1来表示数据。

2.所有数据,包括文件、图片等最终都是以二进制数据( 0和1 )的形式存放在硬盘中的。

3.所有程序,包括操作统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。

4.硬盘、内存都是保存的二进制数据。

(2)数据存储单位

bit < byte < kb < GB < TB .....

●位(bit): 1bit 可以保存一个0 或者1 ( 最小的存储单位)

●字节(Byte): 1B= 8b ;

●千字节(KB): 1KB= 1024B ;

●兆字节(MB) : 1MB = 1024KB ;

●吉字节(GB): 1GB = 1024MB ;

●太字节(TB): 1TB= 1024GB

JavaScript简介

学习任务：

能够说出JavaScript是什么
能够知道JavaScript的发展历史
能够说出浏览器执行JavaScript的原理
能够说出JavaScript由哪三部分组成
能够写出JavaScript三个输入输出语句

（1）JS简介：

●JavaScript 是世界上最流行的语言之一, 是一种运行在客户端的脚本语言( Script是脚本的意思)；

●脚本语言: 不需要编译,运行过程中由JS解释器(JS引擎)逐行来进行解释并执行；

●现在也可以基于 Node.js 技术进行服务器端编程。

（2）JavaScript的作用

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

●网页特效

●服务端开发(Node.js)

●桌面程序(Electron)

●App(Cordova)

●控制硬件物联网(Ruff)

●游戏开发(cocos2d-js)

（3）HTML/CSS/JS的联系

（4）游览器执行JS简介

●渲染引擎:用来解析HTML与CSS ,俗称内核,比如chrome浏览器的blink , 老版本的webkit

●JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行, 比如chrome浏览器的V8

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

JS的组成

（1）ECMAScript

ECMAScript 是一种标准规范，用来描述 JavaScript 等脚本语言的基本语法、数据类型、操作符、函数定义、控制流程等方面的语言特性，它为开发人员提供了一个统一的语言标准，使得编写跨平台的代码变得更加容易和高效。

ES6 中新增了箭头函数、let 和 const 声明等重要的新特性。

（2） DOM-文档对象模型

文档对象模型( Document ObjectModel ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言的标准编程接口。

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

DOM 将文档表示为节点树，其中每个节点都是文档中的元素、属性、文本或注释等不同类型的组件。节点树中的所有节点都是对象，它们具有一些公共的属性和方法，可以使用 JavaScript 来操作它们。例如，开发者可以使用 DOM 去查找或创建节点、改变节点的属性或文本内容、添加或删除节点等等。

HTML 和 XML 文档中的每个元素都成为了 DOM 中的一个节点，这些节点之间的关系构成了一棵树形结构。根据节点之间的父子关系，整个文档被表示为一个 DOM 树，可以使用 JavaScript 访问树中的任何一个节点，并且可以通过修改节点的属性和方法来实现对文档的交互操作，例如表单验证、动态内容生成和响应用户事件等等。

（3）BOM一浏览器对象模型

BOM (Browser Object Model ,简称BOM) 是指浏览器对象模型, 它提供了独立于内容的、可以与浏览器窗口进行

互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

BOM 的核心对象包括：

Window：表示浏览器窗口，并提供了许多与窗口操作相关的方法和属性，例如打开一个新窗口、修改窗口的大小和位置等。

Location：表示当前窗口的 URL 地址，并提供了许多与地址栏操作相关的方法和属性，例如读取或修改当前 URL、重定向到其他网页等。

Navigator：表示浏览器的信息，并提供了许多与浏览器版本、插件和平台相关的信息，例如浏览器的名称、版本、插件信息等。

History：表示浏览器的历史记录，并提供了一些与浏览器导航相关的方法和属性，例如回退、前进等。

Screen：表示客户端显示屏幕的信息，并提供了关于屏幕分辨率、颜色等信息的属性。

JS入门

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

（1）行内式JS

<input type="button" value="点我试试" onclick="alert ('Hello World')" />

●可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性) , 如: onclick；

●注意单双引号的使用: 在HTML中我们推荐使用双引号, JS中我们推荐使用单引号；

●可读性差, 在html中编写JS大量代码时, 不仿便阅读；

●引号易错,引号多层嵌套匹配时,非常容易弄混；

●特殊情况下使用

（2）内嵌JS

<script>alert( 'Hello World~!') ;
</script>

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

●内嵌JS是学习时常用的方式

（3）外部JS文件

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

●利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外, 既美观, 也方便文件级别的复用

●引用外部JS文件的script标签中间不可以写代码

●适合于JS代码量比较大的情况

JS注释

1.单行注释

ctrl+/

2.多行注释

默认的快捷键 shift +alt+a

vscode中修改多行注释的快捷键: ctrl + shift + /

输入输出语句

为了方便信息的输入输出, JS中提供了一些输入输出语句,其常用的语句如下:

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框,用户可以输入	浏览器

变量

学习任务：

能够说出变量的主要作用
能够写出变量的初始化
能够说出变量的命名规范
能够画出变量是如何在内存中存储的
能够写出交换变量案例

章节学习内容：

变量概述
变量的使用
变量语法扩展
变量命名规范
交换变量案例

变量概述及使用

变量就是一个装东西的盒子。

通俗: 变量是用于存放数据的容器。我们通过变量名获取数据, 甚至数据可以修改。

变量在内存中的存储

变量的使用

变量在使用时分为两步:

1.声明变量

2. 赋值

1.声明变量

//声明变量
var age;
//声明一个名称为age的变量

●var 是一个JS关键字, 用来声明变量( variable变量的意思)。使用该关键字声明变量后, 计算机会自动为变分配内存空间, 不需要程序员管；

●age是程序员定义的变量名, 我们要通过变量名来访问内存中分配的空间。

2.赋值

age = 10;
//给age这个变量赋值为10

● = 用来把右边的值赋给左边的变量空间中此处代表赋值的意思

●变量值是程序员保存到变量空间里的值

控制台输出 console.log(age)

3.变量的初始化

var age = 18;
// 声明变量同时赋值为18

声明一个变量并赋值，我们称之为变量的初始化。

✍

JavaScript pink老师学习内容详解相关推荐

VUE 尚硅谷学习内容详解
前言: 必备前提: ●HTML + CSS + JavaScript ●WebAPI ( DOM + BOM) ●Ajax 可选前提: ●Node.js 特点: 1.采用组件化模式,提高代码复用率.且 ...
CSS pink老师教学笔记详解
前言: 说起 HTML,这其实是个非常单纯的家伙,他只关注内容的语义.比如<h1>表明这是一个大标题,<p>表明这是一个段落,<img>表明这儿有一个图片,< ...
javascript教程：console.log 详解
对应WEB程序员,console.log 可以说是神器,极大地方便了程序开发.程序猿:学习了,用Console写日志比alert方便多了. console.log(object[, object, . ...
pink老师学习之Echarts
pink老师学习之Echarts 可视化面板介绍应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加 ...
视频教程-深度学习原理详解及Python代码实现-深度学习
深度学习原理详解及Python代码实现大学教授,美国归国博士.博士生导师:人工智能公司专家顾问:长期从事人工智能.物联网.大数据研究:已发表学术论文100多篇,授权发明专利10多项白勇 ¥88.0 ...
SQL Server DBA工作内容详解
原文:SQL Server DBA工作内容详解在Microsoft SQL Server 2008系统中,数据库管理员(Database Administration,简称为DBA)是最重要的角色. ...
JavaScript数据结构与算法——链表详解（下）
在JavaScript数据结构与算法--链表详解(上)中,我们探讨了一下链表的定义.实现原理以及单链表的实现.接下来我们进一步了解一下链表的其他内容. 1.双向链表双向链表实现原理图: 与单向链表不 ...
JavaScript数据结构与算法——队列详解（下）
接下来会借助本人另一篇文章JavaScript数据结构与算法--队列详解(上)中实现的队列类及其方法实现一个应用. 配对问题需求分析:在一个文件中保存着一份男女混合的数据,名称前以B开头表示男士,以 ...
java json path_Java使用JSONPath解析JSON完整内容详解
JsonPath是一种简单的方法来提取给定JSON文档的部分内容. JsonPath有许多编程语言,如Javascript,Python和PHP,Java. JsonPath提供的json解析非常强大 ...

JavaScript pink老师学习内容详解