JavaScript入门-第一章

101 阅读2分钟

众所周知,JavaScript 主要是控制网页的行为的(动态效果,交互事件).

使用场景

JavaScript 很是强大,应用的场景非常之多:

  • 1.网页特效
  • 2.游戏开发(cocos2d-js)
  • 3.服务端开发(NODE.js)
  • 4.命令行工具(NODE.js)
  • 5.桌面程序(Electron)
  • 6.App(Cordova)
  • 7.控制硬件-物联网(Ruff)

组成部分

image.png

  • ECMAScript - javascript的核心

    • ECMAScript定义了JavaScript 的语言规范

    • JavaScript的核心:描述了语言的基本语法数据类型

      ECMAScript是一套标准,定义了一种语言的标准与具体的实现没有关系

  • DOM - 文档对象模型

    • 一套操作页面元素的API
    • DOM可以吧HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作
  • BOM - 浏览器对象模型

    • 一套操作浏览器功能的API

    • 通过BOM可以操作浏览器窗口,弹出框,浏览器的跳转,获取网页大小,分辨率....

js的三种写法(和css的三种方式几乎一样)

  • 行内样式:一般不这么写,不便于维护
  • 内联样式:写在JavaScript标签中的,如果洁面js代码较少是可以的复杂的话也是不推荐的
  • 外联样式:写在js文件中,使用script标签的src属性导入

注意点

当在一个HTML文件中css和js存在多种写法的时候,要记住html的代码是从上往下解析的.

如果script标签没有src属性则表示是内联的写法,如果有src属性则表示外联样式,外联的js代码只能写在js文件内,不能写在script标签内部,就算有也是不会执行的

代码的运行原理

image.png

  • CPU:相当于计算机的大脑,也就是说计算机中所有的运算都要交给cpu去执行
  • 内存:存储数据的,存储速度快,不会永久保存数据,断电后数据就消失了
  • 硬盘:存储数据的,存储的速度相对慢,会永久保存数据,断电后数据也还是在的
    • CPU是无法直接访问外存储器的,硬盘就是外存储器,CPU可以访问内存,但是无法直接的访问硬盘.程序是存储在硬盘的,但是程序执行时产生的一些数据是保存在内存中

计算机在处理语言的时候主要做两件事:

  • 识别语法
  • 处理数据

js代码报错的两个原因:

  • 语法错误
  • 数据不识别

JavaScript 的核心:(描述了)

  • 基本语法
  • 数据类型

JS语法的四类基础的组成

  • 变量
  • 数据类型
  • 运算符和表达式
  • 程序流程控制