1.普通函数的this:指向它的调用者,如果没有调用者则默认指向window.2.箭头函数的this:指向箭头函数定义时所处的对象,而不是箭头函数使用时所在的对象,默认使用父级的this.注:函数fn的父级this指向window注:箭头函数的父级作用域onclick点击事件的作用域指向对象lisi3.箭头函数中的this,首先从它的父级作用域中找,如果父级作用域还是箭头函数,再网上找,如此直至找
一、函数节流 (1)定义:一个函数执行一次后,只有大于设定的执行周期后才会执行第二次 (2)原理:用时间戳来判断是否已到回调该执行时间,记录上次执行的时间戳,然后每次触发 scroll 事件执行回调,回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达 规定时间段,如果是,则执行,并更新上次执行的时间戳,这样循环下去 &nb
1.先看几个例子:(1)每个item均未设置width和flex-baiss,元素呈现的大小为flex下内容的大小(2)元素item01只设置width=100px(隐含flex-basis=auto),元素item02只设置flex_basis=250px(隐含width=auto),元素item03同时设置width=50px和flex_basis=140px![](http://i2.51c
flex-grow这篇先讲flex取值的问题,后面的文章在深入讲解弹性布局的应用。1.flex是由flex-grow,flex-shrink,flex-basis组成。看下图其中flex-grow:代表父容器在主轴上还有多少剩余空间。关于剩余空间的理解:父容器(弹性盒子)在主轴方向上还有多少可利用空间。外层div弹性布局,剩余空间=box.width-item01.width-item02.wid
生命周期钩子函数
一、callcall(thisObj,arg1,arg2,arg...)定义:调用一个对象的方法,以另一个对象替换当前对象。说明:call方法可以用来代替另一个对象调用一个方法。call方法可以将一个函数对象的上下文改变为由thisObj指定的新对象。thisObj的取值有以下几种情况:(1)不传,或者为null,undefined时,函数中的this指向window对象;(2)传递另一个函数的函
1.先看一个例子:从中可以看出,obj1拷贝了obj的值,但只是进行了地址的引用,修改obj1的值也影响到了obj的值,没有创建新对象。浅拷贝:对基本数据类型进行值传递,对引用数据类型进行引用传递般的拷贝。深拷贝:对基本数据类型进行值传递,对引用数据类型,创建一个新的对象,并复制其内容obj2={name:'LiLei',school:'HBUT',age:{age
先从两段代码说起:(1)<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>test</title></head><body><ulid="container"></ul><sc
除了核心功能默认内置的指令(v-model和v-show等),Vue也允许注册自定义指令。1.例子一:<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style></styl
Vue父组件传值给子组件
&nbs
51CTO博客开发
一.过渡1.定义:将CSS的属性值在一段时间内平缓变化的过程给体现出来;2.指定过渡属性 2.1作用:指定哪个或者哪几个属性值,在变化时需要使用过渡效果来体现;2.2属性:transition-property取值:属性名 例子:transition-property:background;2.3注意:允许设置过渡效果的属性如下颜色属性,取值为数字的属性,转换属性(transform)
CSS3新特性之转换
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号