[TOC]

1.编程语言

1.编程

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

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

  • 计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介
    总的来说分为机器语言、汇编语言和高级语言三大类

    2.实际上，计算机最终所执行的都是机器语言。

    它是由”0”和”1”组成的二进制数，二进制是计算机语言的基础
    编程语言，类似于人类语言的“语言”来控制计算机，让计算机为我们做事情
    编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守

    3.通用的编程语言有两种格式：汇编语言和高级语言

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

  • 高级语言：主要是相对于低级语言而言，他并不是特指某一种具体的语言，而是包含了很多编程语言，
    常用的有C语言、C++、java、C#、Python、PHP、JavaScript、Go语言、Objective-C、Swift等

    4.翻译器

    高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，为此，我们需要一个翻译器
    翻译器可以将我们所编写的源代码转换为机器语言，这也被称为二进制化。记住0和1.

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

  • 编程语言有很强的逻辑和行为能力，在编程语言里，你会看到很多if else、for、while等具有逻辑性和行为能力的指令，这是主动的

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

    2.计算机基础

    1.计算机组成：硬件和软件

    硬件包括输入设备、输出设备、CPU、硬盘、内存

  • 输入设备：鼠标、键盘、书写板、摄像头等

  • 输出设备：显示器、打印机、投影仪等
  • CPU：负责处理数据与运算，等于运算器+控制器
  • 硬盘和内存：负责存储数据，硬盘永久存储数据，内存暂时存储数据

软件包括系统软件和应用软件

  • 系统软件：Windows、Linux、macOS

  • 应用软件：浏览器、QQ、VS code、IDEA、Word

    2.数据存储

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

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

  • 所有的程序，包括操作系统，本质上都是各种数据，也以二进制数据的形式存放到硬盘中。

    平时我们所说的安装软件，其实就是把程序文件复制到硬盘中

  • 硬盘、内存都是保存的二进制数据

    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.程序运行

    打开某个程序时，先从硬盘中把程序的代码加载到内存中
    CPU执行内存中的代码
    注意：之所以要内存的一个重要原因，是因为CPU运行的太快，如果只从硬盘中读数据，会浪费CPU性能，
    所以，才使用存取速度更快的内存来保持运行时的数据，（内存是电，硬盘是机械）

    3.初识JavaScript

    1.JavaScript历史

    布兰登艾奇在1995年利用10天的时间完成了JavaScript的设计
    网景公司最初命名为LiveScript，后来与Sun合作之后改名为JavaScript

    2.JavaScript是什么 高级编程语言

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

  • 脚本语言：运行过程中由js解释器（js引擎）逐行来进行解释并执行

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

    3.JavaScript的作用

  • 表单动态校验(密码强度检测)（js产生最初的目的）

  • 网页特效
  • 服务端开发(Node.js)
  • 桌面程序（Electron）
  • APP（Cordova）
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)

1.JavaScript导读 - 图1

4.html/CSS/JS的关系

  • HTML/CSS标记语言—描述类语言
    html决定网页结构和内容(决定看到什么)，相当于人的身体
    CSS决定网页呈现给用户的模样(决定好不好看)，相当于给人穿衣服

  • JS脚本语言—编程类语言
    实现业务逻辑和页面控制(决定功能)，相当于人的各种动作

    5.浏览器执行JS简介

    浏览器分为两部分： 渲染引擎和JS引擎

  • 渲染引擎：用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink，老版本的webkit

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

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

6.JavaScript的组成：

ECMScript(JavaScript语法)、DOM(页面文档对象模型)、BOM(浏览器对象模型)

  • ECMScript（JavaScript和Jscript）：规定了js的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套js语法工业标准。
  • DOM(页面文档对象模型)：是W3C组织推荐的处理可扩展标记语言的标准编程接口
    通过DOM提供的接口可以对也买呢的各种元素进行操作（大小、位置、颜色等）
  • BOM(浏览器对象模型)：是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等

4.JS初体验

1.JS的书写位置

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

  1. 行内式js

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

image.png

  1. 内嵌js
  • 可以将多行代码写到