js容易遗漏但非常重要的点

阻止事件冒泡

  • 首先在函数里面需要添加事件对象e
  • e.stopPropagation() --阻止冒泡事件
  • e.preventDefault() --阻止链接的跳转,表单域跳转

事件解绑

  1. leve0 情况 :btn.onclick()=null
  2. leve2 情况 :btn.removeEvenListener('事件名',函数名)
不用mouseover的原因:此事件有冒泡效果,mouseenter没有冒泡效果

事件委托

将事件绑定在父级上,点击子级会冒泡到父级执行时间

js 复制代码
if(e.target.tarName==="大写开头标签元素"){
    e.target.style=---
}
 

scroll滚动

  • scrollTop和scrollLeft这两个值是可读写的
  • scrollTo()可以把内容滚动到指定的坐标
    • 元素.scrollTo(x,y)

获取html标签

document.documentElement

获取页面尺寸

获取页面位置

注意

可以使用getBoundingClientRect()函数计算div盒子离html的边距,且不受父级盒子的影响。

时间戳

  • getTime()
  • +new Date() --常用
  • Date.new() --只能返回当前时间的时间戳

查找兄弟节点

增加节点

克隆节点

移动端触屏事件

location 对象

  1. location的数据类型是对象,它拆分并保存了URL地址的各个组成部分
  2. 可以利用js形式跳转页面:location.hef="http://---"
  1. 该对象记录了浏览器自身的相关信息
  2. 通过userAgent检测浏览器的版本及平台

histroy 对象

存储

  1. localstorage只能存储简单数据类型
  2. 复杂数据类型用JSON.stringify()进行转换,他会将对象转换为字符串,利用JSON.parse()转换为对象
  3. 用上面方法转换后,取出来需要用JSON.pase进行转换为对象

函数变量提升

js中函数也有变量提升,只提升函数声明,不提升函数赋值(函数表达式)

构造函数

内置构造函数

  • object
    • 实例对象没有静态方法,如Object.keys,Object.values,Object.assign,构造函数才有
  • Array
    • Array.from() 伪数组转换为真数组

reduce(function(prev,current)=>{},初始值(若从对象里面取值累加需设置为0))

String

  • subString

增加一点:关于this

  • 在构造函数中,this指向构造的实例对象,若有多个实例对象,则指向最后一个
  • 原型对象里面的this指向的还是引用他的实例对象

constructor属性

  • 每个原型对象里面都有个constructor属性(constructor构造函数)
    • 作用:该属性指向该原型对象的构造函数(原型对象是向里寻找的,构造函数是爸爸)
  • 如下图非常重要

拷贝

浅拷贝是拷贝对象,但如果浅拷贝的内容里面包含了引用数据类型则会拷贝地址

深拷贝

相关推荐
gnip2 分钟前
vite和webpack打包结构控制
前端·javascript
excel23 分钟前
在二维 Canvas 中模拟三角形绕 X、Y 轴旋转
前端
阿华的代码王国1 小时前
【Android】RecyclerView复用CheckBox的异常状态
android·xml·java·前端·后端
一条上岸小咸鱼1 小时前
Kotlin 基本数据类型(三):Booleans、Characters
android·前端·kotlin
Jimmy1 小时前
AI 代理是什么,其有助于我们实现更智能编程
前端·后端·ai编程
ZXT1 小时前
promise & async await总结
前端
Jerry说前后端1 小时前
RecyclerView 性能优化:从原理到实践的深度优化方案
android·前端·性能优化
画个太阳作晴天1 小时前
A12预装app
linux·服务器·前端
7723892 小时前
解决 Microsoft Edge 显示“由你的组织管理”问题
前端·microsoft·edge
烛阴2 小时前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript