- 博客(32)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 Vue17_组件的data
1. 组件的data属性必须是一个函数；2. 而且这个函数必须返回一个对象，对象内部保存着数据；3. 组件中的data必须是函数而不是对象是为了防止组件多次使用时因共享同一个数据而导致“ 一改全改 ”，使用函数在return时会返回一个新的对象，使得各个组件的数据独立
2021-02-25 22:31:25
123
原创 Vue15_input中的值绑定
B站教程-input中的值绑定<body> <div id="app"> <label v-for="item in originList" :for="item" > <input type="checkbox" :value="item" :id="item" v-model="selectList"> {{ item }} </label> <h2>{{ selectList }}
2021-02-24 23:08:52
1024
原创 Html06_常用标签03-select
前言：W3School：HTML 标签一、实例创建带有 4 个选项的选择列表：<select> <option value="vivo">vivo</option> <option value="OPPO">OPPO</option> <option value="iPhone">iPhone</option> <option value="Huawei">Huawei</opt
2021-02-24 10:45:39
86
原创 Vue14_v-model在checkbox中的应用
1. 单个勾选框:v-model即为布尔值，此时input的value并不影响v-model的值；2. 多个复选框:当是多个复选框时，因为可以选中多个，所以对应的data中属性是一个数组。当选中某一个时，就会将input的value添加到数组中。
2021-02-23 22:22:35
155
原创 Vue13_v-model在radio中的应用
1. v-model在radio单选框中绑定data中数据，会将radio单选框中的value值双向绑定给该数据，也就是选中哪个选项会将该选项的值赋值给data中的数据；2. 值得一提的是，有了v-model双向绑定，radio单选框不加name属性也能实现互斥操作
2021-02-23 21:50:02
553
原创 Vue12_使用for...in和for...of在循环遍历时的区别
1. for…in遍历出的结果是key2. for…of遍历出的结果是value；3. v-for...in===v-for...of
2021-02-23 20:57:40
2133
原创 CSS02_设置盒子水平+垂直居中 & 设置文本水平+垂直居中
写在前面：让div中文字水平居中：text-align: center;方法1. 在不知道div的宽高的情况下采用absolute绝对布局，让left和top都是50%，这在水平方向上让div的最左与屏幕的最左相距50%，垂直方向上一样，所以再用transform向左（上）平移它自己宽度（高度）的50%，便可达到水平+垂直居中效果.center { position: absolute; top: 50%; left: 50%; /*-webkit
2021-02-22 22:01:44
9376
原创 CSS01_transform: translate(-50%,-50%)
问题：当使用 top: 50%；left: 50% 时，元素并不在中心，而是偏右下一点代码：.center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /*-webkit 是表示针对 safari 浏览器支持，-ms表示针对 IE 浏览器支持*/ -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50
2021-02-22 21:20:09
436
2
原创 Html04_input框中的value/key/placeholder到底是什么
1.input框中的value值到底是什么value 属性为 input 元素设定值。input标签有很多类型，也就是type，对于不同的输入类型，value 属性的用法也不同，以下是一些常用type的说明text： 文本框，input默认的type，不写就是这个，value表示文本框里的值password：密码框，value表示密码框里的值。submit：提交按钮，value表示按钮上的文字button：普通按钮，value表示按钮上的文字reset：重置按钮，value表示按钮上的文.
2021-02-22 20:46:07
2101
转载 Vue11_input复用问题
当我们需要切换时清空输入框，可以给input添加不同的key值；当我们不想在切换时清空输入框，可以不添加或添加相同的key值
2021-02-21 21:51:26
226
转载 避坑02_Failed to load resource: net::ERR_BLOCKED_BY_CLIENT - Chrome控制台总有报错
解决方法：停止或卸载ADBlock插件
2021-02-21 14:17:20
926
原创 js03_常用数组操作方法总结（全）
前言：每次需要用到数组方法时，总是需要去百度，因为一些方法在一段时间不用就忘记了，所以来做个总结，方便自己以后查找，顺便加深一下记忆。创建 / 声明数组：方式一：var array = [3, 5, 2]; // [3,5,2]方式二：var array = Array(4,5,2); // [4,5,2]改变原数组的方法（9个）：var a = [1,2,3];ES5:a.pop()/ a.shift()/ a.push()/ a.unshift()/ a.reverse()
2021-02-20 12:06:24
228
转载 js04_常用字符串操作方法总结
1. split() - 字符串分割成数组定义：把一个字符串分割成字符串数组(不改变原字符串)语法：str.split(seperator, limit)参数：seperator(可选)，指定字符串或正则limit(可选)，指定数组的最大长度var myStr = "I,Love,You,Do,you,love,me";var substrArray = myStr.split(",");// ["I", "Love", "You", "Do", "you", "love", "me.
2021-02-20 11:44:03
511
原创 Vue09_v-model修饰符.lazy/.number/.trim
1 .lazy在默认情况下， v-model 在 input 事件中实时同步输入框的值与数据：<input v-model="msg" >可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：（失去焦点后再同步）<input v-model.lazy="msg" >2 .number如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个修饰符 number 给 v-model 来处理输入值：.
2021-02-19 10:56:49
227
原创 Html03_常用标签02-span
1. span标签简介span标签是在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性。（内联元素）2. span标签与p标签区别p标签与span标签区别在于display，一个是block，一个是inline.span是内联元素,可以设置任意元素(文字,图片…)；p是块元素代表段落paragraph块元素和内联元素的主要区别：块元素独占一行,元素的高度、宽度、行高以及顶和底边距都可.
2021-02-19 08:51:48
137
原创 Vue08_组件化02-父子组件传值
一、子组件props属性子组件具有父组件的属性，如数据属性data，但data必须是函数，否则会造成“一改全改”props属性：prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”：效果：二、动态 Prop用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件：1. 实例：效果：2. 实例使用.
2021-02-14 20:08:11
195
1
原创 Vue07_组件化01-初识Vue.component
一、component 最简单用法1. 格式完整代码：<div id="app"> <!--在创建的Vue根实例中，把这个组件作为自定义元素来使用组件--> <counter></counter></div><script> Vue.component("counter", { data: function () { return { count: 0 }.
2021-02-13 23:02:09
237
1
转载 Vue05_v-model进一步学习（双向数据绑定在checkbox中的运用）
1.优先级 v-model > value > placeholder，当v-model与value都为空字符串时，placeholder才生效；2.v-model对应的数据为input的value属性，在checkbox中则不同
2021-02-13 00:42:01
860
原创 Html02_常用标签01-label
1. label 元素不会向用户呈现任何特殊效果；2.不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上；3.`<label> `标签的 for 属性应当与相关元素的 id 属性相同。
2021-02-12 22:52:27
119
原创 Html01_表格-tr/th/td区别
tr、th与td区别：tr定义行、th表示头部、td表示单元格tr不能单独存在，相当于table的属性标签，th、td也应当放在tr中th是粗体居中的
2021-02-11 13:55:04
1295
原创 Vue04_Vue基本指令3/3——列表循环、表单元素绑定（v-for/v-on补充/v-model）
一、v-for：根据数据生成列表结构，v-for常与数组结合使用，语法：（item，index）in 数据；二、v-on：1. 事件的绑定可以写成函数调用的方式，传入自定义参数；2. 事件的后面跟上" **.修饰符** "可以对事件进行限制三、v-model：便捷的获取和设置表单元素的值（双向数据绑定），绑定的数据会和表单元素相关联，获取用户输入
2021-02-11 12:58:40
463
原创 Vue03_Vue基本指令2/3——显示切换、属性绑定（v-show/v-if/v-bind）
一、v-show根据表达式的真假，切换元素的显示和隐藏；二、v-if根据表达式真假，切换元素的显示与隐藏（直接操纵DOM元素）；三、v-bind为元素绑定属性，v-bind: 属性名，简写 : 属性名
2021-02-11 12:46:56
1505
原创 Vue02_Vue基本指令1/3——内容、事件绑定（v-text/v-html/v-on）
一、 v-text：用于输出文本简写形式：{{ }}即插值表达式是v-text的简写形式；二、v-html：用于输出html代码；三、v-on：为元素绑定事件
2021-02-11 12:26:33
174
原创 Vue01_认识VUE——Hello VUE！
1. 知识点：el：挂载点后面为CSS选择器类选择器 .appid选择器 #app标签选择器 divdata：数据对象可以写复杂的数据，遵循js语法即可，如：
2021-02-11 01:31:17
146
Git-2.31.1-64-bit.rar
2021-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人