- 博客(65)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 正则表达式
正则表达式用于定义一些字符串的规则。作用：计算机可以根据正则表达式，来检查一个字符串是否符合指定的规则；或者将字符串中符合规则的内容提取出来。如果你想查看正则更多的内容，可以查阅官方文档关于 RegExp 这个内置对象的用法。
2022-10-19 10:24:15
383
原创 闭包的引入
我们知道，变量根据作用域的不同分为两种：全局变量和局部变量。- 函数内部可以访问全局变量和局部变量。- 函数外部只能访问全局变量，不能访问局部变量。- 当函数执行完毕，本作用域内的局部变量会销毁。...
2022-07-07 18:21:12
122
原创 call、apply和bind
JS 专门为我们提供了一些方法来改变函数内部的 this 指向。常见的方法有 call()、apply()、bind() 方法。
2022-07-07 16:33:40
174
1
原创 this指向
## this解析器在调用函数时，每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是 this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象。### 函数内this的指向我们都知道，函数的调用有六种形式。根据函数的调用方式的不同，this会指向不同的对象：-1.以函数的形式（包括普通函数、定时器函数、立即执行函数）调用时，this的指向永远都是window。比如fun();相当于window.fun();-2.以方法的形式调用时，this指向调用方法的那个对
2022-01-13 17:57:47
1850
原创 全选和反选练习
全选和反选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } .my-table {
2021-05-29 19:05:39
126
原创 账号密码错误后，输入框失去焦点显示高亮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrong { border: 2px solid red; } .right{ border: 2px s
2021-05-28 12:19:31
372
原创 鼠标悬停时，显示二维码
鼠标悬停，显示二维码<!DOCTYPE html><html lang="en"><head lang="en"> <meta charset="utf-8"> <title>Document</title> <style> .code{ width: 50px; height: 50px; } .c
2021-05-27 18:05:59
2020
原创 this的指向
执行期上下文当函数执行时（准确来说，是在函数发生预编译的前一刻），会创建一个执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境。每调用一次函数，就会创建一个新的上下文对象，他们之间是相互独立且独一无二的。当函数执行完毕，它所产生的执行期上下文会被销毁。this解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是 this，this 指向的是一个对象，这个对象我们称为函数执行的 上下文对象。函数内 this 的指向【非常重要】我们在《JavaScript 基础
2021-03-02 15:38:50
619
原创 流程控制语句：循环结构（if和switch）
代码块用{}包围起来的代码，就是代码块。在 ES5 语法中，代码块，只具有分组的作用，没有其他的用途。代码块中的内容，在外部是完全可见的。举例：{ var a = 2; alert('qiangudiyishuai'); console.log('帅上天');}console.log('a = ' + a);打印结果：（可以看出，虽然变量 a 是定义在代码块中的，但是在外部依然可以访问）帅上天a = 2流程控制语句在一个程序执行的过程中，各条语句的执行顺序对
2021-03-01 18:37:32
754
原创 typeof和数据类型转换
变量的数据类型转换：将一种数据类型转换为另外一种数据类型。通常有三种形式的类型转换：转换为字符串类型转换为数字型转换为布尔型我们不会将某个数据类型转换成 null 或者 undefined ，因为这样做，没有意义。typeof 运算符我们先来讲一下 typeof，再讲类型转换。typeof()表示“获取变量的数据类型”，返回的是小写，语法为：（两种写法都可以）// 写法1typeof 变量;// 写法2typeof(变量);typeof 这个运算符的返回结果
2021-03-01 18:30:36
1502
1
原创 基本数据类型：Null和Undefined
Null：空对象null 专门用来定义一个空对象（例如：let a = null）。如果你想定义一个变量用来保存引用类型，但是还没想好放什么内容，这个时候，可以在初始化时将其设置为 null。比如：let myObj = null;cosole.log(typeof myObj); // 打印结果：object补充：Null 类型的值只有一个，就是 null。比如 let a = null。使用 typeof 检查一个 null 值时，会返回 object。undefined
2021-03-01 18:23:16
1553
原创 基本数据类型：Number
数值型：Number在JS中所有的数值都是 Number 类型，包括整数和浮点数（小数）。 var a = 100; // 定义一个变量 a，并且赋值整数100 console.log(typeof a); // 输出变量 a 的类型 var b = 12.3; // 定义一个变量 b，并且赋值浮点数 12.3 console.log(typeof a);上方代码的输出结果为：numbernumber再次补充：在 JS 中，只要是数，就是 Number 数值型的。无论整浮、浮点数（
2021-03-01 18:21:16
587
原创 基本数据类型：String和Boolean
String 字符串语法字符串型可以是引号中的任意文本，其语法为：双引号 "" 或者单引号 ''。来看个示例。下面的这些，都是字符串： var a = "abcde"; var b = "千古第一帅"; var c = "123123"; var d = '哈哈哈哈哈'; var e = ""; //空字符串 var f = haha; // 没使用引号，到这里会直接报错。因为会被认为是js代码，但是之前并没有定义 haha。 console.log(typeof a);
2021-03-01 17:57:04
1565
原创 变量的数据类型：基本数据类型和引用数据类型
变量的数据类型为什么需要数据类型在计算机中，不同的数据所需占用的存储空间不同，为了充分利用存储空间，于是定义了不同的数据类型。而且，不同的数据类型，寓意也不同。我们都知道，无论这个变量是字符串类型，还是数字类型，我们都可以直接用 var 去定义它。比如：var a = 'hello word';var b = 123;为什么可以这样做呢？这是因为：JavaScript 是一种「弱类型语言」，或者说是一种「动态语言」，这意味着不需要提前声明变量的类型，在程序运行过程中，类型会自动被确定。JS
2021-03-01 17:45:40
681
原创 v-if指令
v-if指令<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-if指令</title></head><body> <d
2021-03-01 14:56:54
178
原创 v-show
v-show<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <di
2021-02-27 21:10:07
107
原创 v-on基础指令
v-on基础指令<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit
2021-02-27 16:49:55
122
原创 v-html指令
v-html指令<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit
2021-02-27 16:19:19
160
原创 v-text
v-text<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2021-02-27 16:08:28
149
原创 vue--el:挂载点
vue–el:挂载点<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t
2021-02-27 15:54:37
90
原创 vue--data:数据对象
vue–data:数据对象<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>data:数据对象</title></head><body>
2021-02-27 15:52:58
113
原创 文本样式
文本的对齐以及溢出部分显示成省略号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2021-02-25 16:34:18
66
原创 图标字体
图标字体<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="/fo
2021-02-25 14:35:56
121
原创 轮播图
轮播图<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="/lay
2021-02-24 17:27:30
96
原创 元素的层级
元素的层级<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
2021-02-24 15:41:53
183
原创 粘制定位
粘制定位<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航条</title> <link rel="stylesheet" href="/layout/
2021-02-24 13:52:19
72
原创 绝对定位
绝对定位 绝对定位 -当元素的position属性值设置为absolute时，则开启了元素的绝对定位 -绝对定位的特点： 1.开启绝对定位后，如果不设置偏移量元素的位置不会发生变化 2.开启绝对定位后，元素会从文档流中脱离 3.绝对定位会改变元素的性质，行内变成块，块的宽高被
2021-02-24 13:39:38
130
原创 固定定位
固定定位 将元素的position属性设置为fixed则开启元素的固定定位 -固定定位也是一种绝对定位，所以固定定位大部分特点都和绝对定位一样 唯一不同的是固定定位永远参照于浏览器的视口进行定位 固定定位的元素不会随网页的滚动条滚动...
2021-02-24 13:38:33
194
原创 相对定位
相对定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{
2021-02-24 12:51:14
85
原创 clearfix的作用
clearfix<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{
2021-02-24 09:56:08
916
原创 高度塌陷最终解决方案（无副作用）
高度塌陷最终解决方案（无副作用）<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .
2021-02-23 10:54:32
85
idea运行测试代码报错问题
2024-04-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人