06 2021 档案

鼠标\表单\触摸事件
摘要：浏览器事件 => load => resize => scroll 鼠标事件: => over 和 out 一套, 当你移入后代元素的时候, 一样会触发 => enter 和 leave 一套, 当你移入后代元素的时候, 不会触发 1. click: 鼠标左键单击 2. dblclick: 鼠标左键 阅读全文
posted @ 2021-06-29 19:51 shell白白 阅读(128) 评论(0) 推荐(0)
JS事件
摘要：1. DOM 0级 事件 => 语法: 事件源.on事件类型 = 事件处理函数 => 特点: 1. 只能给同一个事件源同一个事件类型绑定一个事件处理函数 -> 因为他使用的是 赋值符号(=), 所以当你给他第二次赋值的时候, 会把第一次覆盖 + DOM 0级 解绑事件 => 因为绑定是使用的 赋值符 阅读全文
posted @ 2021-06-29 19:14 shell白白 阅读(27) 评论(0) 推荐(0)
元素尺寸\元素偏移
摘要：获取元素尺寸 获取元素占地面积 + offsetWidth 和 offsetHeight + 得到: -> 元素 内容 + padding + border 区域的尺寸 + 注意: -> 不管盒子模型是什么, 获取到的区域不变 -> 在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸 + cl 阅读全文
posted @ 2021-06-29 19:07 shell白白 阅读(47) 评论(0) 推荐(0)
操作DOM元素样式\内容
摘要：节点操作 获取节点: 获取到页面上的某一个节点 1. getElementById() 2. getElementsByClassName() 3. getElementsByTagName() 4. getElementsByName() 5. querySelector() 6. querySe 阅读全文
posted @ 2021-06-29 17:32 shell白白 阅读(57) 评论(0) 推荐(0)
npm 的基本使用
摘要：NPM(node package manager), js 的包管理器(工具, 软件, 环境) + 专门用来下载第三方 js 包的一个 "软件" + 是一个 基于 node 环境运行的 "软件" npm 的安装 + 当你安装 node 的时候, 会一起安装完毕 npm 的检测 + 打开命令行, 目录 阅读全文
posted @ 2021-06-29 17:19 shell白白 阅读(442) 评论(0) 推荐(0)
nodeJS初解
摘要：前端 js 和 nodeJS 的区别 + 前端 js => 可以操作浏览器的部分内容 => 可以操作 DOM 的部分内容 => 操作和用户交互的部分 + nodeJS => 可以操作你电脑的操作系统 => 可以操作你电脑上文件及文件夹的增删改查 => 可以操作数据库 => 可以当做服务器使用 一段 阅读全文
posted @ 2021-06-29 17:13 shell白白 阅读(38) 评论(0) 推荐(0)
JS-全选
摘要：解析 /* 全选 需求分析: 1. 点击全选按钮的时候 => 拿到全选按钮的选中状态 => 如果全选按钮是 选中, 那么每一个单选按钮都是 选中 => 如果全选按钮是 未选中, 那么每一个单选按钮都是 未选中 2. 每一个单选按钮点击的时候 => 都有可能操作 全选 按钮的选中状态 => 如果所有 阅读全文
posted @ 2021-06-28 22:59 shell白白 阅读(448) 评论(0) 推荐(0)
DOM-选择器\元素属性\类名\样式\内容
摘要：DOM选择器 document.getElementById('id名称') document.getElementsByClassName('类名') document.getElementsByTagName('标签名') document.getElementsByName('name 属性' 阅读全文
posted @ 2021-06-28 22:54 shell白白 阅读(158) 评论(0) 推荐(0)
BOM-浏览器事件
摘要：onload + 语法: window.onload = function () { ... } + 执行时机: 当页面所有资源(html结构, css, js, 图片, 视音频, ...)加载完毕后触发 + 通常的用处: 1. 你想在所有资源加载完毕后执行 2. 当你的 js 代码写在 head 阅读全文
posted @ 2021-06-28 20:56 shell白白 阅读(50) 评论(0) 推荐(0)
BOM-浏览器的窗口\历史记录\版本信息
摘要：BOM - Browser Object Model(浏览器对象模型) 私人: 一整套操作浏览器相关内容的属性和方法 => 操作浏览器的历史记录 => 操作浏览器的标签页 => 操作浏览器的滚动条 => 操作浏览器的地址栏 => ... BOM 的操作对象是 window => BOM 操作基本上语 阅读全文
posted @ 2021-06-28 20:54 shell白白 阅读(104) 评论(0) 推荐(0)