上一页 1 2 3 4 5 6 7 8 9 ··· 13 下一页

2023年2月16日

vue2 - 模板语法 插值语法,属性单向绑定,属性双向绑定,v-clock,v-text,v-html,v-once,v-pre

摘要: 1.插值语法 <!--插值语法 可以使用js--> <span>{{name}}</span> 动态的替换标签中的内容,可以使用js,直接读取到data中的所有属性 2.属性单向绑定 <!--单向属性绑定--> <input type="text" v-bind:value="user.userna 阅读全文

posted @ 2023-02-16 22:27 Mikasa-Ackerman 阅读(61) 评论(0) 推荐(0) 编辑

vue2 - 绑定class,绑定style

摘要: 1.绑定class样式 字符串写法:适用于类名不确定,要动态获取 数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定 <div id="root"> <!--类为class1--> <div v-bind:class="c 阅读全文

posted @ 2023-02-16 22:02 Mikasa-Ackerman 阅读(97) 评论(0) 推荐(0) 编辑

vue2 - 计算属性,计算属性简写,监听属性,深度监听,监听属性简写,两个重要的小原则

摘要: 1.计算属性 <div id="root"> 性:<input type="text" v-model:value="firstName"><br> 名:<input type="text" v-model:value="lastName"><br> 全名:<span>{{fullName}}</s 阅读全文

posted @ 2023-02-16 21:54 Mikasa-Ackerman 阅读(90) 评论(0) 推荐(0) 编辑

vue2 - 事件,事件的绑定,事件属性,键盘事件

摘要: 1.事件的绑定 <button v-on:click="getList1">添加事件(添加点击事件 无参)</button> <button v-on:click="getList2($event,10,levi)">添加事件(添加点击事件 有参)</button> 绑定的方法定义在methods属 阅读全文

posted @ 2023-02-16 21:30 Mikasa-Ackerman 阅读(221) 评论(0) 推荐(0) 编辑

2023年2月12日

CSS - 盒子阴影

摘要: 1.盒子阴影 box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5); 第一个参数:阴影水平方向的偏移 x轴,值为正数时,阴影在元素的右侧;值为负数时,阴影在元素的左侧 第二个参数:阴影竖直方向的偏移 y轴,值为正数时,阴影在元素的下方;值为负数时,阴影在元素 阅读全文

posted @ 2023-02-12 12:27 Mikasa-Ackerman 阅读(82) 评论(0) 推荐(0) 编辑

2023年2月11日

git - 安装地址,基本命令,设置配置,

摘要: 1.Git安装地址:https://git-scm.com/downloads 2.基本命令 #查看配置 git config -l #查看Git所有配置 git config --system --list #查看系统配置 git config --global --list #查看全局配置 #设 阅读全文

posted @ 2023-02-11 18:29 Mikasa-Ackerman 阅读(68) 评论(0) 推荐(0) 编辑

2023年2月9日

javaScript - 动画函数

摘要: 1.动画函数的封装 // 给不同元素指定不同的定时器 function animate(obj,target) { // 当我们不断点击按钮是时,span元素运动速度会越来越快,因为开启了太多定时器 // 为了让元素只有一个定时器执行,我们要先清除以前的定时器,只保留当前的一个定时器执行 clear 阅读全文

posted @ 2023-02-09 16:09 Mikasa-Ackerman 阅读(35) 评论(0) 推荐(0) 编辑

2023年2月8日

javaScript 高级语法 - 解构赋值,箭头函数,set对象,set全部属性与方法

摘要: 1.解构赋值 //数组的解构赋值 let array=["levi","mkasa"]; let[name1,name2]=array; console.log(name1,name2); //levi,mikasa //对象的解构赋值 let human={id: 1,name: "levi"}; 阅读全文

posted @ 2023-02-08 15:02 Mikasa-Ackerman 阅读(93) 评论(0) 推荐(0) 编辑

JavaScript 高级语法 - var let const

摘要: var 全局作用域,存在变量的提升,值可以更改 let 块级作用域,不存在变量的提升,值可以更改 const 块级作用域,不存在变量的提升,值不可以更改 1.变量提升与不变量提升 console.log(data1); //有这个引用但是值为undefined var data1=1; consol 阅读全文

posted @ 2023-02-08 14:10 Mikasa-Ackerman 阅读(13) 评论(0) 推荐(0) 编辑

javaScript ES6 - call,apply,bind 修改this指向,开启严格模式

摘要: 1.call与apply call与apply都是执行一次修改的方法,不过apply的第二个参数为数组格式 //构造函数 function Human(id,name) { this.id=id; this.name=name; } //方法 function info(args){ console 阅读全文

posted @ 2023-02-08 13:38 Mikasa-Ackerman 阅读(44) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 7 8 9 ··· 13 下一页

导航