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构造函数)
    • 作用:该属性指向该原型对象的构造函数(原型对象是向里寻找的,构造函数是爸爸)
  • 如下图非常重要

拷贝

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

深拷贝

相关推荐
aklry7 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin9314 分钟前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子14 分钟前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户38022585982415 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug17 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo17 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
撰卢41 分钟前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机1 小时前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js
Struggler2811 小时前
解决setTimeout/setInterval计时不准确问题的方案
前端
sophie旭1 小时前
《深入浅出react开发指南》总结之 10.1 React运行时总览
前端·react.js·源码阅读