- 博客(24)
- 收藏
- 关注
RSS订阅原创 浏览器相关
浏览器存储浏览器给前端开发人提供了存储数据。作用：实现数据持久化存储。可以实现数据的共享url传参location.href 跳转链接并拼接下一个页面需要的参数在两一个页面中location.href获取页面信息，并对?后面参数进行格式化处理最后使用格式化后的参数。数据持久化存储locaStorage为什么需要locaStorage只要浏览器中数据需要持久化存储都可以使用localStorage1：大小5M2: 需要使用ap才能删除数据 removeItem clear
2022-04-22 09:34:41
104
原创 正则表达式
正则工具正则使用工具 正则入门修饰符g: 全局匹配可以匹配到 0-多个结果i: 匹配大小写m 多行匹配元字符正则表达式有两种基本字符 元字符 原义文本字符原义概念：表示代表本来文本的字符；元字符：再正则表达式中有特殊意义的字符.* + ? $ ^ | \ () {} [] \n \d \w \r\ Q \f \b \cX…[] 或 字符类；将一堆字符放在一个字符类中，匹配结果为一个字符。字符长度有量词决定{} 量词 作用；决定匹配字符的长度。每个正则字符值
2022-04-22 09:33:00
527
原创 async函数相关
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-04-21 23:42:42
108
原创 dom相关
目录\color{0000ff}{目录}目录 选择器及相关dpi 事件绑定的方式 类数组转化为数组 更改属性值 获取与设置css样式(包括兼容性问题) 变更内容 创建查询节点及相关api form demo 如何获取触发事件的元素 demo位置属性 相关api整理//选择器document.querySelector() //最常用(适用于各种类型)document.getElementById()d
2022-04-21 00:02:51
134
原创 dom事件相关
目录\color{0000ff}{目录}目录 window事件 监听switch开关 是否记住密码 实时监听表单输入 自定义事件 事件对象 事件委托 事件机制 事件兼容性问题 删除事件 阻止默认事件window事件<div class="box">hellow</div> var box = document.querySelector('.box') //
2022-04-21 00:01:32
93
原创 dom常用相关整理
选择器document.querySelector() //最常用(适用于各种类型)//选择多个时用：querySelectAll()与一般的区别(如:getElementsByClassName(str))//两者括号里面都是字符串,且前面都要加 . ，但是querySelectAll返回的是对象的集合（伪数组,用...扩展符可以把他变成数组）getElementsByClassName之类的括号里面也是字符串类型但是前面不加.#等document.getElementById(id) //通过元
2022-04-20 23:59:54
559
原创 dom实例
目录 ##拖动效果## ##滚动对象的位置## ##window的滚动## ##指定滚动条滚动到某一个位置## ##固定导航## ##返回顶部## ##触底加载更多## ##二级联动## ##三级联动##拖动效果 <div class="box"></div> var box = document.querySelector('.box') // 1:在box上
2022-04-20 23:58:48
317
原创 AJAX相关
// 服务器 // 从输入url到浏览器加载页面中间经历了什么呢？ // 1：将域名地址解析为 ip+端口号 // ---> 通过ip找到服务器 通过端口号找到运行的服务 // 2:浏览器找服务要文件，静态资源文件 html js css // 3：服务给浏览器想要的 文件 // 4：浏览器收到文件后,浏览器开始解析文件，html css js // 5；浏览器链接cpu gup 开始在浏览器渲染文字 图片 运算等 // 6: 浏...
2022-04-20 23:57:01
628
原创 运算符相关
&&运算符特点//简单的一句话总结:&&时全真才为真，返回最后一个，碰到假的返回这个假的||运算符特点//简单的一句话总结:||时全假才为假，也返回最后一个，碰到真的返回这个真的对于以上运算符特点的结束//我们常用运算符的运算结果作为判断条件,例如if语句,表面上看if()里面是表达式返回的true或者false的结果,其实不然,表达式返回的是一个数据,并非bool类型,经过隐式转换为bool类型后由if判断后往下执行.例如&&,我们知道这
2022-04-20 23:55:09
72
原创 ES6初步
es6相关let部分 // 暂时性死区:这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”在let绑定的作用域内声明前赋值打印等操作直接报错console.log(i); //Uncaught ReferenceError: Cannot access 'i' before initializationlet i=1console.log(i); /
2022-04-20 23:32:46
90
原创 更新列表
<ul> <li><span class="text">列表待办练习</span><button class="btn">待办</button></li> <li><span class="text">列表待办练习</span><button class="btn">待办</button></li> ...
2022-04-05 17:34:26
57
原创 dom实例-查询元素练习
<ul> <li> <span class="text">列表删除练习1</span> <button class="btn">删除</button> </li> <li><span class="text">列表删除练习2</span><button class="btn"&g...
2022-04-05 17:29:26
121
原创 数据类型转换以及验证
```其他类型转number string转number bool转number undefined转number null转number Array和Object转number其他类型转String 数字转String bool转String undefined转String null转String Array转Stri...
2022-04-05 17:23:33
135
原创 数据类型的认识以及隐式转换
## 数据类型```js基本类型数据: 1.number 2.String 3.boolean 4.undefined 5.null引用类型数据: 1.Array 2.Object数据与数据之间是可以相互转化1:显式转化:通过API(API表示内置函数)转化2:隐式转化:一般通过运算符转化```## 隐式转化```js1的隐式转化为tr...
2022-04-05 17:22:40
163
原创 拷贝与递归
### 内存```js // 内存 // 栈: 基本类型数据(独立的),指针 // 堆: 引用类型数据```### 拷贝```js // 拷贝:让一个变量给另一个变量赋值的过程 // 拷贝的结果:两个变量的数据一摸一样 var a = 123 var b = a // 拷贝分类:深拷贝 浅拷贝 // 基本类型都是深拷贝 // 默认情况,引用类型都是浅拷贝 var obj=...
2022-04-05 17:22:00
173
原创 函数相关
## 函数##### 函数的认识```js //什么是函数? //---->带有一定功能的,并且可以按需重复执行的 //为什么有函数?(函数解决哪些问题?) //---->为了解决按需执行的代码并且有规律的代码片段,重复编写,可维护性低的问题.有两种(1:语言自带的,2:自己定义的) //函数有哪些内容? //---->函数有形参,实参,代码块 // 形参解...
2022-04-05 17:21:31
70
原创 闭包和this
### 1.闭包概念特点```js// 闭包:当一个a函数retrun返回另一个函数,那个这个函数a就是闭包函数// 优点:1:防止变量污染// -----> 闭包函数在执行时候,彼此独立互不干扰// 2: 外部函数可以访问内部函数的变量(此处不正确,但是用于辅助理解)// ------> 外部的变量只是引用了;闭包函数内部的retrun函数,在作用域链的角度上,没有违背,函数变量私有化的原则// 缺点:容易内存泄漏// ----> 正常情况函数执...
2022-04-05 17:20:58
148
原创 变量提升
### 变量提升```js // 变量提升 // 正常按照由上往下执行,所以下面一行的应该报错,但是因为(var a = 100;)变量提升且赋值不提升,所以出现undefined console.log(a); // undefined var a = 100;```### 函数提升```js // 函数提升 函数提升会直接提升整体 f1(); function f1 (params) { ...
2022-04-05 17:20:27
54
原创 定时器延时器相关
### 1.延时器```js /* console.log(1); setTimeout(function(){ console.log(2); console.log(this); },1000) console.log(3); for (var i = 0; i < 3; i++) { setTimeout(function...
2022-04-05 17:19:25
175
原创 this相关
### 1.this认知```js // this 是一个关键字 正常情况 赋值对象 // 在不同的程序中赋值对象不同 console.log(this); //window var obj = { foo:function(){ console.log(this); } } obj.foo() // O...
2022-04-05 17:18:38
53
原创 执行上下文
```js // 执行上下文栈 // 执行：执行的代码 // 上下文，理解为对象 // 栈：数组 // 模拟js引擎执行的过程 // 1:创建执行上下文栈，运行js代码 var stack = [] // 2：创建全局的执行上下文 global var global = {} // 3:全局的执行上下文添加到 【执行上下文栈】...
2022-04-05 17:17:30
39
原创 字符串的API
1.字符串认知2.字符串的拼接3.indexOf4.replace()替代以及它的全部替换某个元素的方法5.split();将字符串分割为数组6.slice(start,end)截取字符串,第二种substr(from,count)截取7.大小写转换 [str.toUpperCase(),str.toLowerCase()]8.trim(;)去除字符两边的空白符,不影响原字符串9.includes();搜索字符是否存在10.charAt(index)通过索引值,查到指定位
2022-04-05 17:16:42
263
原创 对象的认识及遍历方法
对象的认识对象:用于表示不同意义的数据对象:key-value 键值对key 键 value 值key 都是字符串 相当于变量value 任意类型的js数据对象中属性不论存在还是不存在 是不会报错的对象中取值可以用'.'也可以用'[]'(最好用[],用[]里面的key是字符串,不要写成变量了)var Obj={"name":jack,"age":23}//name和age都是key,jack和23都是value/对象分类:内置对象 自定义对象内置对象: Math
2022-03-13 15:33:26
133
原创 js-数组的认识及常用的API
数组的认识什么是数组?索引从0开始,并且存放相同结构元素的集合叫数组为什么有数组?(数组解决了什么问题)相同结构的数据 统一管理(处理)问题数组有什么特点?1:由索引和数组元素组成2:有序的 有长度(长度表示数组有多少个元素,每个都有自己的位置编号)3:数组元素可以为js任意类型的数据索引作用:查找元素,长度的作用:记录数组有多少元素数组常用的API1.concat 合并数组arr1.concat(arr2) 表示吧数组arr1与数组arr2合并在一起(按
2022-03-13 15:25:32
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人