前端-王卓凡-20230523

数组的新方法find

• 数组.find(）
• 找到数组中满足条件的第一项
• 如果没有结果是undefined
  
  

findIndex()

• findIndex()
  • 返回满足条件的那一项的下标,只会找到第一个， 如果找不到，返回 -1
    
    
• findLastIndex()
  • 返回满足条件的最后一项的下标， 如果找不到，返回 -1
    
    
  
  

splice()

• 数组.splice(下标,删除的个数) ，删除指定下标及以后一定数量的数据
• 
  
  
  

JSNO

• JSON:JavaScript 对象表示法
• JSON不是一门编程语言，就是js应用，存储和交换数据的一种格式
• JSON的本质是字符串
• 语法有特殊的要求，使用双引号
• JSON.parse(字符串) 可以把字符串输出为对象
• JSON.stringify(对象) 可以吧对象输出为字符串
• 后端的数据库都是字符串，所以前后端获取数据的时候需要转换字符串和对象
• 
  
  

本地存储

• 储存方式
  • localStorage  持久存储
  • sessionStorage  临时（会话）存储
    
    
• 方法
• setItem(储存的数据名，值)   储存内容，储存的方式为字符串
  • 储存的数据名（字符串类型）
  • 值 （字符串）
    
    
• getItem(储存的数据名)  获取储存的内容，如果有就获取，没有就输出NULL
• removeItem(储存的数据名)  删除存储的数据
• cler()  清除所有的内容
• 
  
  
  

获取样式

• 父元素.style.(属性) 只能获取到行内样式
• 父元素.getComputedStyle(元素).属性，可以读取到元素的任意地方的属性
  
  

IIFE 立即执行函数

• 语法:
  • (function(){ 书写的代码 })()
  • (function(){ 书写的代码 }())
    
    
• 特点: 不需要调用直接就会执行,只会执行一次
• 作用:解决变量冲突问题 （变量污染全局的问题）
• 其他写法
  
  

对象语法的扩展
window对象

• window就是js的顶级对象 - 一般都省略不写
• document 文档 - DOM的顶级对象
  
  

获取窗口的宽度和高度

• 结果都是数据类型
• 文档区域的大小 （包括滚动条的宽高在内）
  • window.innerWidth  宽
  • window.innerHeight  高
    
    
• 整个窗口的宽高
  • window.outerWidth        宽
  • window.outerHeight    高