JavaScript

控制网页行为

js引入方式

• 内部脚本：script标签

• 外部脚本：js文件

js基础语法

书写语法

• 区分大小写
• 每行结尾分号可有可无，建议写上

输出语句

• 警告框 window.alert
• html输出 document.write
• 浏览器控制台 console.log

变量

用 var 关键字声明变量

JavaScript是一门弱类型语言 变量可以存放不同类型的值

特点

• 作用域较大，属于全局变量
• 可以重复定义
• es6中提供了两种新的变量定义方式

let：局部变量 const：只读常量 常量值不能改变

数据类型、运算符

数据类型

typeof 获取数据类型

运算符

== 与 ===的比较

== 会进行类型转换 === 不会进行类型转换

类型转换

• parseInt
• 自动转换

js函数

定义：通过function关键字进行定义

js对象

Array

定义数组

特点：长度可变、类型可变

常用方法

• fori：遍历函数，遍历数组中每个元素

• forEach：遍历函数，遍历数组中有值的元素

• push：在数组末尾添加元素

• splice：删除元素

String

常用方法

• charAt：返回指定位置字符
• indexOf：索引字符串
• trim：去除两边空格
• sunstring：根据指定索引提取字符

JSON

key-value键值对，用于作数据载体

js对象与json的转换

• JSON.parse：将String -> js对象
• JSON.stringify：将js对象 -> String

BOM

浏览器对象模型

window

方法:

• alert
• confirm
• setInterval
• setTimeout

location

地址栏对象

属性：

url

DOM

文档对象模型：将标记语言封装为对应的对象

js事件

事件绑定

• 方式一：通过html标签中的事件属性进行绑定
• 方式二：获取DOM对象进行绑定

常见事件

Vue

前端框架，免除JavaScript中的DOM操作，实现数据的双向绑定

常用指令

区别 v-show 与 v-if 渲染

生命周期

一个对象从创建到销毁

mounted