JSDOM和BOM
关注
分享
扫一扫
文章平均质量分 86
黑马前端笔记
凌歆
这个作者很懒，什么都没留下…
展开
-
JSBOM和DOM脑图
原创 2022-02-28 09:28:51 · 149 阅读 · 0 评论 -
JS的DOM和BOM学习第一天
js和web API 1. js的组成 2.js与web API 的区别 3.API 4. web API 5.API 总结 DOM 1.定义 2.DOM树 获取元素 1.根据id获取 获取一个 2.根据标签名获取 获取一类（多个） 3.h5新增方法获取 1.根据类名获取（多个） 2.根据选择器获取（可以多个，也可以单个） 4.获取特殊元素（html 和 body） 1.document.body 2.document.documentElement 操作元素原创 2022-02-26 12:02:05 · 96 阅读 · 0 评论 -
JS的DOM和BOM学习第二天（上）
排他算法 1.百度换肤 2.表格隔行变色 3.表格全选取消全选 自定义属性的操作 1. 获取属性值 2.设置属性值 3.h5自定义属性 节点操作 1.节点类型 2.节点层级 1.父级节点 2.子节点 3.兄弟节点 3.创建和添加节点 4.删除节点 5.复制节点 6.三种创建元素的效率 1.document.write() 2.innerHTML 3.document.creatElement() DOM重点 1.创建 2.增，删，改，查 3.属性操原创 2022-02-26 12:15:37 · 151 阅读 · 0 评论 -
JSDOM和BOM学习第二天（下）
6.三种创建元素的效率 1.document.write() 2.innerHTML 3.document.creatElement() DOM重点 1.创建 2.增，删，改，查 3.属性操原创 2022-02-26 12:18:18 · 116 阅读 · 0 评论 -
JSBOM和DOM学习第三天
事件对象 1.事件对象的定义 兼容性解决方案 2.事件对象的常用方法和属性 1.阻止事件冒泡 2.阻止默认行为 3.阻止事件冒泡 事件委托 **不是给每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理设置每个子节点** 常用的鼠标事件 1.禁止鼠标右键菜单 2.禁止鼠标选中 3.鼠标事件对象 1.e.pageX 鼠标相对于文档页面左侧的距离 2.e.pageY 鼠标相对于文档页面上方的距离 常用的键盘事件 1.keyup 2原创 2022-02-26 12:29:08 · 93 阅读 · 0 评论 -
JSDOM和BOM学习第四天
BOM 1.什么是BOM 2.BOM的构成 子主题 1 window 对象的常见属性 1.窗口加载事件 2.调整窗口大小事件 定时器 1. setTimeout定时器 2.setInterval定时器 3.this指向 js执行机制 1.单线程 2.同步和异步 3.同步任务和异步任务 4.js执行机制 location对象 1.什么是location对象 2.URL 3.location对象的属性 4.location对象的方法 navigator对象 判断跳转原创 2022-02-26 14:54:11 · 959 阅读 · 0 评论 -
JSDOM和BOM学习第五天（上）
offset（元素偏移） 1.offset概述 2.offset与style的区别 1.获取盒子内鼠标x，y坐标 2.模态框 3.京东放大镜 client(元素可视区) 1.概述 2.立即执行函数 元素滚动（scroll） 3.元素滚动scroll系列 1.淘宝滚动条 2.兼容性解决方案 动画原理 1.盒子移动案例 2.动画函数封装 3.缓动函数 4.轮播图 5.节流阀 6.返回顶部案例 7.筋斗云首页原创 2022-02-27 09:56:12 · 147 阅读 · 0 评论 -
JSDOM和BOM学习第五天（下）
JS BOM 和 DOM 学习第五天（下） 目录JS BOM 和 DOM 学习第五天（下）1.动画函数1.1 缓动函数一个示例注意点1.2 动画函数添加回调函数1.3 动画函数封装后的调用2. 轮播图无缝轮播的原理一个轮播图案例3. 节流阀示例思路5.筋斗云首页案例 1.动画函数 1.1 缓动函数 运动速度不是匀速，速度是慢慢变化的 一个示例 说明 实现缓动动画，并可以在多个值之间移动 <!DOCTYPE html> <html lang="en"> <head&原创 2022-02-27 10:09:09 · 92 阅读 · 0 评论 -
JSDOM和BOM学习第六天
触屏事件 1.触屏事件概述 1.touchstart 2.touchmove 3.touchend 2.触屏事件对象 1.touches 2.targetTouches 3.changedTouches 3.移动端拖动元素 移动端常见特效 1.className属性 2.移动端轮播图 1.移动端轮播图与pc端的区别 3.click 延时解决方案 4.fastclick插件 5.swiper插件 6.其他移动端插件 7.移动端视频插件 8.Bootstrap原创 2022-02-27 10:16:19 · 248 阅读 · 0 评论