06 2020 档案
摘要：ref是vue中提供的直接操作dom的方法 <div v-for = 'item in list'>{{item}}</div> <input type="text" value="请输入内容" ref = 'inp' @focus='clear'> <button @click= 'click()
阅读全文
摘要：第一步，创建pormise实例 let p = new Promise（） 第二步，填写逻辑 let p = new Promise((res,rej)=>{ setTimeout(()=>{ var flag = false ; if(flag){ res('hello') }else{ rej(
阅读全文
摘要：使用一个新的vue实例hub作为事件中心 使用$emit发送事件，hub.$on()接受发送出来的事件 //提供事件中心 var hub = new Vue() let app = new Vue({ el : '#app', data:{ masssage:0 }, components:{ 'c
阅读全文
摘要：computed:{ sum : function(){ return this.list.length }, suma:function(){ let a = 0; this.list.forEach(function(x,index){ a = a + x.price }) return a }
阅读全文
摘要：attr()用于设置元素的属性 $('input').attr('type','password') text（）用于设置元素的文本内容 $('.box > span').text(a) val（）用于设置文本框的内容 $('input').val(a) css() 用于改变元素的样式 $('.bo
阅读全文
摘要：需求：点击小li让对应的div显示/隐藏 思路：使用 let i = index(this)方法获取点击小li的索引 $（$(''.lis-item) [i]）拿到对应div(具体原理不清楚) $('.click-lis').on({ mouseover:function(){ let i = $(
阅读全文
摘要：两个行内块元素会有一条小缝隙（左为input，右为buttom） 解决方法有，让元素浮动，给元素设置定位 给buttom设置一个负的外边框（不影响盒子本身的大小） margin-left: -5px; 效果
阅读全文
摘要：<script> //for..in..遍历对象，拿到的是对象键名，键名获取用对象[键名] var a = { key1 : 1 , key2 : 2 , key3 : 3 } for(item in a){ console.log(a[item]); } //foreach遍历数组，value表示
阅读全文
摘要：<style> .box{ width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; bord
阅读全文
摘要：今天复习for..in 时 var a = { key1 : 1 , key2 : 2 , key3 : 3 } for(item in a){ console.log(a.item); } 这样取出结果是 产生错误的原因 这时的item并没有被解析为变量，而是解析成了字符串item,所以打印的是a
阅读全文
摘要：原理：获取li，绑定事件让li添加一个color类 存在问题，var声明的变量提升问题，for循环遍历之后，i = 5,li的index最大值为4，这时会报错 解决方法1,遍历的同时添加一个自定义属性index用来保存 i 方法2：使用let关键字声明变量，let声明变量没有变量提升的问题 方法3
阅读全文
浙公网安备 33010602011771号