shell白白

摘要： 浏览器事件 => load => resize => scroll 鼠标事件: => over 和 out 一套, 当你移入后代元素的时候, 一样会触发 => enter 和 leave 一套, 当你移入后代元素的时候, 不会触发 1. click: 鼠标左键单击 2. dblclick: 鼠标左键 阅读全文

摘要： 1. DOM 0级 事件 => 语法: 事件源.on事件类型 = 事件处理函数 => 特点: 1. 只能给同一个事件源同一个事件类型绑定一个事件处理函数 -> 因为他使用的是 赋值符号(=), 所以当你给他第二次赋值的时候, 会把第一次覆盖 + DOM 0级 解绑事件 => 因为绑定是使用的 赋值符 阅读全文

摘要： 获取元素尺寸 获取元素占地面积 + offsetWidth 和 offsetHeight + 得到: -> 元素 内容 + padding + border 区域的尺寸 + 注意: -> 不管盒子模型是什么, 获取到的区域不变 -> 在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸 + cl 阅读全文

摘要： 节点操作 获取节点: 获取到页面上的某一个节点 1. getElementById() 2. getElementsByClassName() 3. getElementsByTagName() 4. getElementsByName() 5. querySelector() 6. querySe 阅读全文

摘要： NPM(node package manager), js 的包管理器(工具, 软件, 环境) + 专门用来下载第三方 js 包的一个 "软件" + 是一个 基于 node 环境运行的 "软件" npm 的安装 + 当你安装 node 的时候, 会一起安装完毕 npm 的检测 + 打开命令行, 目录 阅读全文

摘要： 前端 js 和 nodeJS 的区别 + 前端 js => 可以操作浏览器的部分内容 => 可以操作 DOM 的部分内容 => 操作和用户交互的部分 + nodeJS => 可以操作你电脑的操作系统 => 可以操作你电脑上文件及文件夹的增删改查 => 可以操作数据库 => 可以当做服务器使用 一段 阅读全文

摘要： 解析 /* 全选 需求分析: 1. 点击全选按钮的时候 => 拿到全选按钮的选中状态 => 如果全选按钮是 选中, 那么每一个单选按钮都是 选中 => 如果全选按钮是 未选中, 那么每一个单选按钮都是 未选中 2. 每一个单选按钮点击的时候 => 都有可能操作 全选 按钮的选中状态 => 如果所有 阅读全文

摘要： DOM选择器 document.getElementById('id名称') document.getElementsByClassName('类名') document.getElementsByTagName('标签名') document.getElementsByName('name 属性' 阅读全文

摘要： onload + 语法: window.onload = function () { ... } + 执行时机: 当页面所有资源(html结构, css, js, 图片, 视音频, ...)加载完毕后触发 + 通常的用处: 1. 你想在所有资源加载完毕后执行 2. 当你的 js 代码写在 head 阅读全文