寒假集训——八

七十六、字符串

1.创建字符串

• 我们创建字符串也分为两种方法字面量和构造函数
• 字面量:

var str = 'hello'

• 构造函数创建

var str = new String(' hello')

2.字符集

ASCII字符集

• 我们都知道，计算机只能存储0101010这样的二进制数字
• 那么我们的a ~ z/A~ Z/$/@/…之类的内容也有由二进制数字组成的
• 我们可以简单的理解为， a ~ z/A~ z/$/@1…之类的内容都有一个自己的编号，然后在计算机存储的时候，是存储的这些编号，我们看的时候，也是通过这些编号在解析成我们要看到的内容给我们看到

unicode编码

• 我们看到了，ASCII只有这128个字符的编码结构
• 但是因为ASCII出现的比较早，而且是美国发明的，早先时候这些内容就够用了
• 因为存储一些英文的内容，传递一些英文的文章什么的都够用了
• 那么对于这个世界来说肯定是不够用的
• 因为我们的汉字没有办法存储，包括一些其他国家的语言也没有办法存储
• 所以就出现了unicode编码，也叫(万国码,统一码)
• unicode对照表就是一个和ASCII一样的对照表，只不过变得很大很大，因为存储的内容特别的多
• 而且包含了世界上大部分国家的文字，所以我们的文字和字符现在在存储的时候，都是按照unicode编码转换成数字进行存储
• 我们的UTF-8就是一种8位的unicode字符集

3.字符串常用方法

charAt(索引)

• 返回索引对应的字符

charCodeAt(索引)

• 返回索引对应的字符

toUpperCase() toLowerCase()

substr(开始索引，长度) substring(开始索引，结束索引) slice(开始索引，结束索引)

• 截取

replace

• 替换

split

• 分割

indexOf lastIndexOf

concat

• 连接字符串

trim

• 去掉首尾空格

trimStart() trimLeft()

• 去掉首空格

trimEnd() trimRight()

• 去掉尾空格

4.json格式字符串

json==》对象
{“key”:value}
JSON.parse()
前=》后
JSON.stringify()

七十七、数字常用方法

toFixed()

• 返回是字符串

Math对象

random

• 0-1
• 随机整数

四舍五入

• 四舍五入取整

ceil向上 floor向下

abs

• 绝对值

sqrt

• 平方根

pow(底数，指数)

max(多个参数)

min(多个参数)

PI

七十八、Date

• js提供的内置构造函数,专门用来获取时间的

1.new Date()

• new Date()在不传递参数的情况下是默认返回当前时间

var time = new Date()

console.log(time) //当前时间Fri Mar 01 2019 13:11:23 GMT+0800 (中国标准时间)

• new Date()在传入参数的时候，可以获取到一个你传递进去的时间

var time = new Date('2019-03-03 13:11:11')
console.log(time) // Sun Mar 03 2019 13:11:11 GMT+0800 (中国标准时间)

• new Date() 传递的参数有多种情况
  1.传递两个数字,第-一个表示年,第二个表示月份
  2.传递三个数字，前两个不变,第三个表示该月份的第几天,从1到31

2.时间对象常用方法

getFullYear()

getMonth()

• 0－11＝＝＝>1－12

getDate()

getDay()

• 周日0 周一-周六1－6

getHours

getTime()

• 时间戳

七十九、定时器

• 在js里面,有两种定时器，倒计时定时器和间隔定时器

倒计时定时器

• 倒计时多少时间以后执行函数
• 语法: setTimeout(要执行的函数，多长时间以后执行)
• 会在你设定的时间以后，执行函数
  时间是按照毫秒进行计算的，1000毫秒就是1秒钟
  所以会在页面打开1秒钟以后执行函数
  只执行一次, 就不再执行了
  返回值是，当前这个定时器是页面中的第几个定时器

var timerId = setTimeout(function () {
	console. 1og('我执行了')
}，1000)
console. 1og(timerId) // 1

八十、BOM

• BOM (Browser object Mode1) :浏览器对象模型
• 其实就是操作浏览器的一些能力
• 我们可以操作哪些内容
  获取一些浏览器的相关信息(窗口的大小)
  操作浏览器进行页面跳转
  获取当前浏览器地址栏的信息
  操作浏览器的滚动条
  浏览器的信息(浏览器的版本)
  让浏览器出现一个弹出框(alert / confirm / prompt)
• BOM的核心就是window对象
• window 是浏览器内置的一个对象，里面包含着操作浏览器的方法

1.获取浏览器窗口的尺寸

• innerHeight和innerwidth
• 这两个方法分别是用来获取浏览器窗口的宽度和高度(包含滚动条的)

var windowHeight = window.innerHeight
console.log(windowHeight)
var windowWidth = window.innerWidth
console.log(windowWidth)

2.浏览器的弹出层

• alert是在浏览器弹出一个提示框
  这个弹出层知识一个提示内容，只有一个确定按钮
  点击确定按钮以后，这个提示框就消失了

window.alert('我是一个提示框')

• confirm 是在浏览器弹出一个询问框
  这个弹出层有一个询问信息和两个按钮
  当你点击确定的时候，就会得到true
  当你点击取消的时候，就会得到false

var boo = window.confirm('我是一个询问框 ')
console.log(boo)

• prompt是在浏览器弹出一个输入框
  这个弹出层有一个输入框和两个按钮
  当你点击取消的时候，得到的是null
  当你点击确定的时候得到的就是你输入的内容

var str = window. prompt('请输入内容')
console.log(str)

3.浏览器的地址信息

• 在window中有一个对象叫做location
• 就是专门用来存储浏览器的地址栏内的信息的

location.href

• location. href这个属性存储的是浏览器地址栏内url地址的信息
  会把中文变成ur1编码的格式

console.log(window.location.href)

• location. href这个属性也可以给他赋值

window.location.href = './index.html'
//这个就会跳转页面到后面你给的那个地址

location.reload

• location. reload()这个方法会重新加载一 遍页面，就相当于刷新是一个道理

八十一、浏览器的onload事件

• 这个不再是对象了，而是一个事件
• 是在页面所有资源加载完毕后执行的

window. onload = function () {
	console.log('页面已经加载完毕')
}

八十二、浏览器的历史记录

• window中有一 个对象叫做history
• 是专门用来存储历史记录信息的

history.back

• history.back是用来回退历史记录的，就是回到前一个页面,就相当于浏览器上的⬅按钮
  前提是你要有上一条记录，不然就是一直在这个页面，也不会回退

window.history.back()

history.forword

• history. forword是去到下一个历史记录里面,也就是去到下一个页面,就相当于浏览器上的➡按钮
  前提是你要之前有过回退操作，不然的话你现在就是最后一个页面，没有下一个

window.history.forward()

八十三、本地存储

1.localStorage

//增
1ocalstorage . setItem("name","kerwin")
//取
1ocalstorage . getItem(" name")
//删
localstorage. removeItem(" name ")
//清空
1ocalstorage. clear()

2.sessionStorage

//增
sessionStorage. setItem("name" , "kerwin")
//取
sessionstorage . getItem("name")
//删
sessionstorage . removeItem("name")
//清空
sessionstorage. clear()