- 博客(55)
- 收藏
- 关注
原创 Vue的条件判断
v-if用于条件判断,判断Dom元素是否显示。单独使用v-if,变量为布尔值,为true才渲染Domv-show的变量也是布尔值,为true才显示内容,类似css的displayv-if、v-else、v-else-if联合使用相当于if、elseif、else,但是在条件比较多的时候建议使用计算属性。...
2022-08-02 20:07:26 2046
原创 Vue中动态绑定属性
某些时候我们并不想将变量放在标签内容中,像这样是将变量h2标签括起来,类似js的innerHTML。但是我们期望将变量imgURL写在如下位置,想这样导入图片是希望动态获取图片的链接,此时的imgURL并非变量而是字符串imgURL,如果要将其生效为变量,需要使用到一个标签,像这样,而且这里也不能使用Mustache语法,类似,这也是错误的。此时vue对象中定义的imgURL变量和aHerf变量可以动态的绑定到img标签的src属性和a标签的href属性。,此时修改imgURL变量图片会重新加载。...
2022-07-27 09:40:12 2594
原创 Vue插值操作
这里通过延时1秒模拟加载卡住的状态,结果一开始不显示message的值,div元素中有v-cloak的属性,1秒后显示message变量的值,div中的v-cloak元素被移除。这样的字符串,而输出被html自己转化的超链接。这个标签,在vue解析完成之后,v-cloak标签被移除。到message变量“你好啊”的变化,这样闪动的变化,会造成用户体验不好。v-text会覆盖dom元素中的数据,相当于js的innerText方法。有时候因为加载延时问题,例如卡掉了,数据没有及时刷新,就造成了页面显示从。..
2022-07-27 08:57:09 251
原创 函数内的this指向
这些this的指向,是当我们调用函彭赂时候确定的。调用方式的不同决定了this的指向不同一般指向我们的调用者1.普通函数 this 指向window2.对象的方法 this指向的是对象o3.构造函数 this 指向ldh这个实例对象 原型对象里面的this也是指向ldh这个实例对象4.绑定事件函数 this指向的是函数的调用者 btn这个按钮对象5.定时器函数 this指向window6.立即执行函数 this指向window一.改变函数内部this 指
2022-07-03 09:15:35 264 3
原创 JavaScript数组
一.创建数组01.数组的概念单一的变量 会在计算机内存中开辟一个空间存储数据再将这个数据的内存空间地址给变量 var age=20;我们现在需要创建大量的相关数据 如学生的姓名 成绩 年龄,这个信息我们如果一个一个去创建就会很麻烦 也会占据计算机的内存, 这时候 我们可以通过创建数组的形式来保存数据02.数组就是用来存储大量相关联的数据03.数组的创建1.方式一 构造函数的方式2. 创建方式二二.遍历数组遍历数组 即使获取数组中的每一个数据, 数组长度length 总是比下标的最大值 大一位数方
2022-06-13 19:55:09 922 1
原创 js循环语句
结构是:while(循环条件){循环体}如何使用:①先判断循环条件;②如果循环条件为真,则执行循环体;如果循环条件为假,则执行终止。结构是:do{循环体}while(循环条件);如何使用:①首先执行循环体;②循环体执行完毕后对循环条件的结果进行判断;③如果结果为真,则进行执行循环体④如果结果为假,终止循环,执行循环结构后面的语句结构是:for(表达式1;表达式2;表达式3){循环体}或者是for(变量初始值;循环条件;修改循环变量的值){循环体}如何使用:①首先执行表达式1,一般是进行变量初始值的操作;②然
2022-06-10 20:46:20 236
原创 js条件分支语句
(一)if控制语句单分支结构语法格式:if(表达式){语句}if单分支结构语句执行的步骤如下:①对表达式的结果进行判断;②如果表达式的结果为真,则执行该语句③如果表达式的结果为假,则跳过该语句注意:if(表达式){语句1、语句2、.....} 如果if条件表达式后面有多个语句,千万不要忘记:在多个语句前后加花括号(二)if控制语句双分支结构语法格式:if(表达式){语句1}else{语句2}if-else语句的执行步骤如下:①对表达式的结果进行判断②如果表达式结果为true,执行语句1③如果表达式结果为fa
2022-06-10 19:59:31 241 1
原创 js运算符
一.算数运算符+ 加 -减 *乘 /除 %取余二..赋值运算符 x=y 赋值 将y的值给x x+=y 相当于x+y x-=y 相当于 x-y x*=y 相当于x*y x/=y 相当于x/y x%=y 相当于x%y三.比较运算符> 大于 < 小于 >= 大于等于 ...
2022-06-10 19:49:20 86
原创 js定义变量
一.数据类型1.基本数据类型数值类型 var var n6=0x100 十六进制var n7=0o100 八进制var n8=0b100 二进制字符串类型 用双引号和单引号包裹的都是字符串类型布尔类型 ture 真false 假空类型null 表示有值,有一个空值undefined 表示空值2.使用typeof关键字来进行数据类型检测语法: typeof 要检测的变量结果:该变量储存的数据的数据类型结果为number3.数据类型转换(1)转数字类型Number(); 语法:Number(要转换的内容
2022-06-10 19:39:57 392 1
原创 js 书写位置及输入输出方式
1. 行内式a标签 需要把js代码写在herf值上非a标签 书写在行为属性上2.内嵌式把代码写在script标签对内,不需要依赖行为,打开页面就能执行3.外链式把js代码写在一个后缀为.js 的文件里面 在html中 写一个script 在标签添加一个src属性不需要依赖行为,打开页面就能执行推荐使用二.输入输出方式1.prompt();这是一个输入框2.alert ();弹出警示框 输出展示给用户的 ...
2022-06-10 19:31:36 306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人