wuliangfan-CSDN博客

原创 vue的数据双向绑定：v-model

1、语法基本语法： v-model.修饰符="data数据仓库中的变量" 修饰符： lazy lazy: 将v-model的绑定事件由input改为change, number:将输入的数据转换为number类型数据 trim: 将输入的数据去除首尾空格 data数据仓库中的变量只能是基础类型(string,number,boolean)，或者是复杂类型里面...

2019-07-19 14:33:33 385

原创 vue属性绑定：v-bind指令

1. 基本语法语法： v-bind:属性名.修饰符="属性值" 简写：：属性名.修饰符 = "属性值" 属性名 h5中有意义的属性名 DOM属性名(className,innerHTML) ==>将驼峰转为连字符“-”，并添加修饰符.prop vue绑定属性时是以html属性为基准的,h5中是不存在大小写的属性值： data数据仓库中的变量名修饰符： prop...

2019-07-18 19:13:01 5068

原创 js数组一些基础使用方法

向数组中添加元素：pushvar arr =[];arr.push("新元素");删除数组中的指定元素：splice//删除数组中指定元素“2”var arr = [1,2,5,8,20,19];var arr1 = arr.splice(arr.indexOf(2),1);console.log(arr); //[1, 5, 8, 20, 19]console.log(ar...

2019-07-18 16:37:44 107

原创数组的map方法以及parseInt函数

原题： ['1', '2', '3'].map(parseInt)；第一次分解：['1', '2', '3'].map((item, index) => { return parseInt(item, index)})第二次分解parseInt('1', 0) // 1parseInt('2', 1) // NaNparseInt('3', 2) // NaN,...

2019-07-18 16:30:29 588

原创防抖和节流

作用：防抖和节流的作用都是防止函数多次调用，如果回调函数是ajax请求或者进行复杂的计算，那么页面就会出现卡顿现象区别：假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的情况会每隔一定时间（参数wait）调用函数。防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间你尽管触发事件，但是我一定在事件...

2019-07-18 16:26:26 89

原创改变函数运行时的上下文|函数内部this的指向

func.apply(this,[arg1,arg2]);func.call(this,arg1,arg2);

2019-07-18 11:53:34 240

原创原生Js事件绑定的三种方式

html标签事件绑定：属性赋值，这个在该元素的properties属性中可以查到，也可以在事件监听中看到<script> function show(){　　 console.log('show'); } function print(){　　 console.log('print'); }</script>&...

2019-07-18 11:52:06 988

原创原生js的事件冒泡和默认事件

事件冒泡：html元素是嵌套结构，在触发内层元素的事件时，外部事件也会被由内到外触发，这种现象叫做事件冒泡阻止冒泡事件： e.stopPropagation(); 默认事件： a标签的跳转事件就是默认事件阻止默认事件： e.preventDefault();<!DOCTYPE html><html lang="en"><head> &l...

2019-07-18 11:47:36 232

原创函数中this的指向

前言：上下文就是代码的运行环境1. 普通函数(function)普通方法调用，this指的就是方法的调用者var user = { print:function(){ console.log(this);//user 普通函数，谁调用这个函数，this指的就是谁 }}user.print();普通方法没有调用者，this指向上下文(默认上下文为...

2019-07-18 11:45:51 124

原创 vue中的插值表达式

前言：在html页面上只能展示字符串，console.log()打印出的也是字符串，意味着都会调用toString()方法，但实际上控制台展示的既有数组又有对象等类型，那是由于浏览器会进行处理用法：使用在vue实例对象对应的DOM元素的html的正反标签之间支持匿名变量支持三目运算符数值支持四则运算支持比较运算符支持数值类型的一些内置方法 ...

2019-07-18 11:40:26 6394 4

原创 vue项目中如何使得只有通过ctrl+s才能触发事件

修饰符 `.s ` 通过事件对象中的ctrlKey的值做判断<input type="text" @keydown.s = "show2($event)"> <script> new Vue({ el:"#app", data:{ htmlStr: "<h3>h3标签</h3>",...

2019-07-17 16:18:47 1815

原创 vue的事件绑定：v-on指令

2019-07-17 16:11:19 491

原创原生js和事件冒泡和默认事件

事件冒泡：html元素是嵌套结构，在触发内层元素的事件时，外部事件也会被由内到外触发，这种现象叫做事件冒泡阻止冒泡事件： e.stopPropagation();默认事件： a标签的跳转事件就是默认事件阻止默认事件： e.preventDefault();　　<!DOCTYPE html><html lang="en"><hea...

2019-07-11 11:29:00 92

原创 vue中的axios应用

1. axios请求分类get请求import axios from 'axios';axios.get(　　url,//请求地址 { 　　　　params:{}， //请求参数　　}).then((response)=>{　　return response.data //将数据传给下一个then,作为下一个then的参数})post请求import...

2019-07-09 17:02:00 70

wuliangfan的博客