前端学习 js背景知识,学前了解

目录

1.编程语言

        1.1编程

        1.2 计算机语言

        1.3 编程语言

        1.4 翻译器

2. 计算机基础

        2.1 计算机组成

        2.2 数据存储

        2.3 数据存储单位

        2.4 程序运行

3. 初始javaScript

   3.1 JavaScript 历史

   3.2 JavaScript是什么

   3.3 js的作用

           3.4 Html/css/js的关系

        3.5 浏览器执行js简介

        3.6 js组成

                3.6.1 ECMAScript

                3.6.2 DOM-文档对象模型

                3.6.3 BOM-浏览器对象模型


1.编程语言

        1.1编程

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

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

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

        从事编程的人员,就是程序员,但是一般程序员都比较幽默,为了形容自己的辛苦工作,也称为“码农”或者“程序猿”/“程序媛”

        

        1.2 计算机语言

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

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

        计算与语言的种类非常多,总的来说可以分为机器语言,汇编语言和高级语言

        1.3 编程语言

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

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

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

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

        高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而且包括了很多编程语言,常用的有c语言,c++,java,c#,Python,PHP,javaScript,GO语言,Objective-C,Swift等。

        总结:

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

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

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

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

        1.4 翻译器

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

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

        总结:

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

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

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

        

2. 计算机基础

        2.1 计算机组成

        硬件:

                1.输入设备:鼠标,键盘,手写板,摄像头等

                2.输出设备:显示器,打印机,投影仪等

                3.cpu负责处理数据与运算

                4.硬盘 负责存储数据,硬盘永久存储数据

                5.内存:内存暂时存储数据。

        软件:

                1.系统软件 :Windows ,Linux ,macOS

                2.应用软件 :浏览器,QQ,VSCode,Subline,Word

        

        2.2 数据存储

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

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

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

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

        2.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
  •         .......

        

        2.4 程序运行

        1.打开某个程序时,先从硬盘中把程序的代码加载到内存中

        2.CPU执行内存中的代码

        

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

3. 初始javaScript

   3.1 JavaScript 历史

  •                 布兰登.艾奇(Brendan Eich,1961年~)
  •                 神奇的大哥在1995年利用10天时间完成了JavaScript设计
  •                 网景公司最初命名为LiveScript,后来在于Sun合作之后将其改名为JavaScript

   3.2 JavaScript是什么

  •                         js是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)
  •                         脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行
  •                         现在也可以基于Node.js技术进行服务器端编程
    •                 为了方便阅读,我们把后面的JavaScript称为JS

   3.3 js的作用

  •                 表单动态校验(密码强度检测)(js产生最初的目的)
  •                 网页特效
  •                 服务端开发(node.js)
  •                 桌面程序(Electron)
  •                 App(Cordova)
  •                 控制硬件-物联网(Ruff)
  •                 游戏开发(cocos2d-js)

           3.4 Html/css/js的关系

                Html/css标记语言--描述类语言

  •                 html决定网页结构和内容(决定看到什么),相当于人的身体
  •                 css决定网页呈现给用户的摸样(决定好不好看),相当于给人穿衣服

                js脚本语言--编程类语言

  •                 实现业务逻辑和页面控制(决定功能),相当于人的各种动作

                

        3.5 浏览器执行js简介

                浏览器分为两个部分:渲染引擎和js引擎

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

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

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

        3.6 js组成

                

                3.6.1 ECMAScript

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

ECMAScript:ECMAScript规定了JS编程语法和基础核心知识,是所以浏览器厂商共同遵守的一套js语法工业标准

                3.6.2 DOM-文档对象模型

                文档对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOm提供的接口可以对页面上的各种元素进行操作(大小,位置,颜色等)。

                3.6.3 BOM-浏览器对象模型

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Flyoungbuhu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值