导航

• 博客园
• 首页
• 新随笔
• 新文章
• 联系
• 订阅
• 管理

随笔分类 -  js

• 获取元素尺寸
  摘要：获取元素尺寸 + 元素的占地面积 + 占地面积: 内容区域 + padding + border 两组方式 1. offsetWidth 和 offsetHeight + 语法: -> 元素.offsetWidth -> 元素.offsetHeight + 得到: -> 元素的 内容 + paddi 阅读全文
  posted @ 2021-07-14 16:06 phantom_yy 阅读(42) 评论(0) 推荐(0)
• 节点的一生+文档碎片
  摘要：节点操作 + 不光操作元素 + 还要操作 注释节点 文本节点 属性节点 + 获取节点(昨天: 获取元素节点) => 获取节点(包含但不限于元素节点) + 创建节点 => 通过 JS 得语法来制造一个 标签 / 文本 / 注释 / ... 1. createElement() 2. createtex 阅读全文
  posted @ 2021-07-14 14:23 phantom_yy 阅读(54) 评论(0) 推荐(0)
• 获取节点
  摘要：获取节点 + 两个大类 1. 方法 + 昨天学的 + 获取元素节点 2. 属性 获取节点得属性 1. childNodes + 语法: 元素.childNodes + 得到: 元素得所有 子节点(伪数组) 2. children + 语法: 元素.children + 得到: 元素得所有 子元素节点 阅读全文
  posted @ 2021-07-14 11:37 phantom_yy 阅读(201) 评论(0) 推荐(0)
• js操作元素样式
  摘要：操作元素样式 + 样式分成两个大类 1. 行内样式 2. 非行内样式 获取元素的样式 1. style 的方式 => 利用原生属性的方式 => 元素.style => 获取到的内容是一个对象, 里面包含元素所有的可设置样式 => 你想获取那一个样式的值, 就从对象里面获取就可以了 => 但是 **只 阅读全文
  posted @ 2021-07-13 20:50 phantom_yy 阅读(116) 评论(0) 推荐(0)
• 浏览器
  摘要：一、浏览器卷去的高度和宽度 + 当页面比窗口宽或者高的时候 + 会有一部分是随着滚动被隐藏的 + 我们管 上面隐藏的叫做 卷去的高度 + 我们管 左边隐藏的叫做 卷去的宽度 获取卷去的高度: 文档 html 1. document.documentElement.scrollTop => 使用必须要 阅读全文
  posted @ 2021-07-13 20:23 phantom_yy 阅读(37) 评论(0) 推荐(0)
• 获取DOM元素
  摘要：获取 DOM 元素 + 通过 JS 获取到页面中的元素, 进行操作 + 两类标签 1. 非常规标签 1-1. html => document.documentElement 1-2. head => document.head 1-3. body => document.body 2. 常规标签 阅读全文
  posted @ 2021-07-13 20:19 phantom_yy 阅读(66) 评论(0) 推荐(0)
• 操作元素属性值
  摘要：操作元素属性 + 使用 JS 语法操作标签上的三种属性 1. 原生属性 => 直接操作 => 元素.属性名 2. 自定义属性 => setAttribute() => getAttribute() => removeAttribute() 3. H5 自定义属性 => 元素.dataset.xxx 阅读全文
  posted @ 2021-07-13 20:18 phantom_yy 阅读(54) 评论(0) 推荐(0)
• 解析查询字符串
  摘要：var res = parseQueryString('?id=3098&name=liSi'); console.log(res) function parseQueryString(str) { var obj = {} if (str) { var tmp = str.slice(1).spl 阅读全文
  posted @ 2021-07-13 20:09 phantom_yy 阅读(36) 评论(0) 推荐(0)
• 时间对象
  摘要：获取时间对象信息的方法 + 从一个时间对象里面获取某些我需要的信息 + JS 提供了一些方法, 专门获取时间对象内部信息的 1. getFullYear() + 语法: 时间对象.getFullYear() + 返回值: 该时间对象的年份信息, number 数据类型 2. getMonth() + 阅读全文
  posted @ 2021-07-08 14:59 phantom_yy 阅读(66) 评论(0) 推荐(0)
• 数字转换
  摘要：数字转化进制 + 进制是一种数字的表示方法 + 进制: 2 ~ 36 进制 + JS 里面转换进制分成两种方法 1. 十进制转换其他进制 2. 其他进制转换十进制 1. 十进制转换其他进制 + 使用方法: toString() + 语法: 数字.toString(你要转换的进制) + 返回值: 以字 阅读全文
  posted @ 2021-07-08 11:59 phantom_yy 阅读(207) 评论(0) 推荐(0)
• 数学方法
  摘要：数学方法 + JS 里面有一个内置对象叫做 Math + 里面存储了一些操作数字的方法 Math 里面常用的方法 1. random() => 语法: Math.random() => 返回值: 0 ~ 1 之间的随机小数, 包含 0 不包含 1 2. round() => 语法: Math.rou 阅读全文
  posted @ 2021-07-08 11:03 phantom_yy 阅读(37) 评论(0) 推荐(0)
• 本地缓存
  摘要：本地缓存 + 把一些数据记录再浏览器中 + 多种本地缓存之一 1. localStorage 2. sessionStorage 作用: + 浏览器给我们提供的一些本次存储数据的机制 区别: + localStorage 永久缓存, 除非手动删除 + sessionStorage 会话缓存, 关闭浏 阅读全文
  posted @ 2021-07-08 11:02 phantom_yy 阅读(81) 评论(0) 推荐(0)
• json格式
  摘要：json 格式 + 是什么 ? => 是一种固定的字符串格式 => 'asdasdasdasd' 普通字符串 => '1231654781332' 纯数字字符串 => '<h1>hello world</h1>' html 格式字符串 => json 也是一种字符串的格式, 和普通字符串本质上没有区 阅读全文
  posted @ 2021-07-08 10:07 phantom_yy 阅读(139) 评论(0) 推荐(0)
• 字符串的常用方法
  摘要：字符串常用方法 + 说明: **所有字符串方法都不会改变原始字符串** 1. charAt() => 语法: 字符串.charAt(索引) => 返回值: 该索引位置的字符 -> 如果有该索引位置, 就是索引位置字符 -> 如果没有该索引位置, 是一个空 2. charCodeAt() => 语法: 阅读全文
  posted @ 2021-07-07 18:57 phantom_yy 阅读(92) 评论(0) 推荐(0)
• 数组的常用方法
  摘要：数组常用方法 + 就是 JS 自带一些操作数组得方法 + 数组常用方法得使用格式, 必须是 数组.xxx() + 数组和伪数组得区别 => length 和 索引都一样, 循环遍历都一样 => 长得也一样 => 唯独数组常用方法, 伪数组同不了 1. push() => 语法: 数组.push(数据 阅读全文
  posted @ 2021-07-06 18:11 phantom_yy 阅读(66) 评论(0) 推荐(0)
• 数组的操作
  摘要：数组的操作 + 数组有一个 length 属性 => 是一个读写的属性 -> 读: 获取数组的长度 -> 写: 设置数组的长度 => 当你设置的比本身长度小, 那么就相当于删除 => 当你设置的比本身长度大, 那么多出来的就是用空补齐 + 数组的排列 => 按照索引进行排列的 => 索引: -> 从 阅读全文
  posted @ 2021-07-05 20:59 phantom_yy 阅读(39) 评论(0) 推荐(0)
• 函数也是一个对象
  摘要：函数也是一个对象 + 函数时保存一段代码 + 对象时保存一段数据 + 函数本身也是一个对象, 可以保存一堆数据 + 函数的存储空间 函数 + 当你定义号一个函数以后 + 函数就有两个功能 1. 函数名() => 把函数当作一个函数来执行掉 2. 函数名.成员名 = '值' => 存储一些数据 + 这 阅读全文
  posted @ 2021-07-05 20:46 phantom_yy 阅读(121) 评论(0) 推荐(0)
• 数据类型
  摘要：数据类型存储的区别 + 数据类型分成两种 => 基本数据类型 1. Number 数值 2. String 字符串 3. Boolean 布尔 4. Undefined 空 5. Null 空 => 复杂数据类型 1. Function 函数 2. Object 对象 + 存储上是有区别的 + JS 阅读全文
  posted @ 2021-07-05 20:35 phantom_yy 阅读(44) 评论(0) 推荐(0)
• for in遍历对象
  摘要：1、我们有一个叫做 fon in 的循环 => 大部分时候用来遍历对象的 => 语法: for (var 变量 in 对象) { 重复执行的代码 } -> 根据对象内有多少个成员执行多少回 -> 循环的每一次, key 分别是对象的成员名称(字符串类型) -> 就可以利用 key 和 数组关联语法 阅读全文
  posted @ 2021-07-05 19:51 phantom_yy 阅读(1599) 评论(0) 推荐(0)
• arguments
  摘要：arguments + 在函数内部天生自带的变量 + 表示所有实参的集合(伪数组) arguments 的属性 1. length => 表示长度, arguments 里面由多少个数据 => 其实就是你的函数调用由多少个实参 => 是一个读写的属性 => 读取的时候, 就是读取 arguments 阅读全文
  posted @ 2021-07-05 11:58 phantom_yy 阅读(180) 评论(0) 推荐(0)