寒假集训——八

ZiminLi

已于 2023-04-01 16:48:29 修改

阅读量954

点赞数

分类专栏：技术栈笔记文章标签：前端

于 2023-01-09 18:38:22 首次发布

本文链接：https://blog.csdn.net/ZiminLi/article/details/128607469

版权

技术栈笔记专栏收录该内容

34 篇文章 0 订阅

订阅专栏

七十六、字符串

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(多个参数)

七十八、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()