首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
知嘛狐
掘友等级
正在学习前端的小菜鸟
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
0
文章 0
沸点 0
赞
0
返回
|
搜索文章
最新
热门
this 专题
默认绑定规则指向window隐式调用规则谁调用指向谁当函数作为回调函数时,函数内this由api决定例如forEachsort显式绑定call,apply,bind绑定非对象则会转化为包装类没有包装类
时间线
定义:在浏览器开始加载页面的那一刻到加载完成的过程中间按顺序发生的每一件事情的总流程叫时间线顺序:页面加载生成document对象js起作用解析文档,构建DOM树document.readyState
常用方法
--- # 主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purp
DOM间接操作CSS样式
DOM无法操作CSS样式表他操作的其实是element上的style属性div.style.cssFloat//float是保留字因此前面加上csswindow.getComputedStyle(el
DOM结构树
遍历节点树节点包含元素->元素节点=DOM元素parentNodechildNodes//包含元素节点(类型1)属性节点(类型2)文本节点(包括换行类型3)注释节点(类型8)document(类型9)
鼠标行为
鼠标行为clientX/Y->鼠标位置相对于当前可视区域的坐标pageX/Y->鼠标位置相对于整个文档的坐标ie9以下不支持screenX/Y->鼠标位置相对于屏幕的距离x/y等同于clientXcl
滚动距离控制
要考虑兼容性获取滚动距离获取浏览器可视区域尺寸浏览器的怪异模式和标准模式dom是由w3c制定规范的,因此如果HTML头部增加<!DOCTYPEhtml>则表明为标准模式,如果没有则是浏览器的怪异模式整
事件
事件处理函数以click为例事件冒泡捕获事件一层一层从子级向父级传递触发相同类型事件的现象事件从父级向事件源传递触发相同类型事件的现象叫捕获如果一套结构既有捕获事件又有冒泡事件则先捕获后冒泡绑定在事件
defineProperty和Proxy
Object.defineProperty操作数组小例子Proxy其实就是es6里的一个构造函数Proxyhandler重写proxy内部方法->转发给target而defineProperty劫持数
数组
2.返回值: 1. 负值,a 排前面 2. 正值,b 排前面 3. 0,保持不动
下一页
个人成就
文章被点赞
2
文章被阅读
2,503
掘力值
78
关注了
0
关注者
0
收藏集
0
关注标签
6
加入于
2021-01-01