
前端_DOM+BOM
前端_DOM+BOM
周大可
这个作者很懒,什么都没留下…
展开
-
PC 端网页特效 & 移动端网页特效
其实用Bootstrap框架实现这些功能,比较容易,这些例子可以理清思路~(详细-rrpx)PC 端网页特效元素偏移量 offset 系列元素可视区 client 系列元素滚动 scroll 系列动画函数封装常见网页特效案例移动端网页特效触屏事件移动端常见特效移动端常用开发插件 移动端常见插件:iScroll、 Swiper、SuperSlider移动端常用开发框架 前端常用的框架有 Bootstrap、Vu...原创 2020-10-09 09:45:08 · 234 阅读 · 0 评论 -
本地存储(黑马课程总结【侵删】)
window.sessionStorage window.localStorage随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经 常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大,sessionStorage约5M、localStorage约20M4、只能存储字符串,可以将对象JSON.stringify() 编码后存储...原创 2020-10-09 09:22:42 · 184 阅读 · 0 评论 -
BOM 浏览器对象模型 (黑马课程总结【侵删】)
BOM 概述 window 对象的常见事件 定时器 JS 执行机制 location 对象 navigator 对象 history 对象案例: 5秒后自动关闭的广告案例分析① 核心思路:5秒之后,就把这个广告隐藏起来 ② 用定时器setTimeout <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2020-10-08 21:33:26 · 233 阅读 · 0 评论 -
事件高级 (黑马课程总结【侵删】)
注册事件(绑定事件) 删除事件(解绑事件) DOM事件流 事件对象 阻止事件冒泡 事件委托(代理、委派) 常用的鼠标事件 常用的键盘事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2020-10-08 21:14:13 · 245 阅读 · 0 评论 -
DOM 重点核心 (黑马课程总结【侵删】)
DOM 重点核心6.1 创建1. document.write2. innerHTML3. createElement6.2 增1. appendChild2. insertBefore原创 2020-10-08 20:19:39 · 294 阅读 · 0 评论 -
DOM:节点操作 (黑马课程总结【侵删】)
5. 节点操作5.1 为什么学节点操作获取元素通常使用两种方式:1. 利用 DOM 提供的方法获取元素document.getElementById() document.getElementsByTagName() document.querySelector 等 逻辑性不强、繁琐2. 利用节点层级关系获取元素 利用父子兄节点关系获取元素 逻辑性强, 但是兼容性稍差这两种方式都可以获取元素节点,我们后面都会使用,但是节点操作更简单5.2 节点...原创 2020-10-08 20:08:12 · 320 阅读 · 0 评论 -
DOM 操作元素来改变元素里面的属性(黑马课程总结【侵删】)
4. 操作元素JavaScript 的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等。注意以下都是属性4.1 改变元素内容element.innerText从起始位置到终止位置的内容, 但它去除 html 标签, 同时空格和换行也会去掉element.innerHTML起始位置到终止位置的全部内容,包括 html 标签,同时保留空格和换行4.2 常用元素的属性操作1. innerText、inn...原创 2020-10-08 17:37:25 · 1310 阅读 · 0 评论 -
DOM:Web API(DOM )、获取元素的几种方式、事件基础(黑马课程总结【侵删】)
Web APIs简介 (要了解DOM BOM都是啥子,先看看他们的爸爸~)Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API 。(W3C 组织的标准)API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序 与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解: API 是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能。API 和 We...原创 2020-10-08 16:25:49 · 261 阅读 · 0 评论