获得徽章 1
Vue2应对灵活场景的方法:Render函数
如果某个组件比较灵活,用一般的template模版结构无法满足需求,或者实现起来很不优雅,在Vue2时代,我们只能手写render函数。

在Vue2介绍render函数时,有一个例子:通过一个变量,范围在数字 1 到 6 之间,去渲染标题组件 h1~h6
展开
评论
day6
什么是工厂模式?
工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑,而是将将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂。工厂模式根据抽象程度的不同可以分为:简单工厂,工厂方法和抽象工厂。

如果只接触过JavaScript这门语言的的人可能会对抽象这个词的概念有点模糊,因为JavaScript一直将abstract作为保留字而没有去实现它。如果不能很好的理解抽象的概念,那么就很难理解工厂模式中的三种方法的异同。所以,我们先以一个场景去简单的讲述一下抽象和工厂的概念
展开
评论
day3

比起 Vue 实例上的 EventBus,mitt.js 好在哪里呢?首先它足够小,仅有200bytes,其次支持全部事件的监听和批量移除,它还不依赖 Vue 实例,所以可以跨框架使用,React 或者 Vue,甚至 jQuery 项目都能使用同一套库
展开
评论
day5
正常:事件触发非常频繁,每一次触发,回调函数都会执行,如果时间很短,回调函数中有计算,有可能会出现浏览器卡顿

防抖:前面所有的触发都会取消,最后一次的执行在规定的时间之后才会触发频繁触 => 只执行一次

节流:在规定的时间间隔范围内,不会触发多次回调,只有大于这个时间才会触发回调。频繁触发 => 少量触发
展开
评论
day2
call、apply、bind作用是改变函数执行时的上下文,简而言之就是改变函数运行时的this指向
下面再来看看apply、call、bind的使用
apply
apply接受两个参数,第一个参数是this的指向,第二个参数是函数接受的参数,以数组的形式传入
改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次
call
call方法的第一个参数也是this的指向,后面传入的是一个参数列表
跟apply一样,改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次
bind
bind方法和call很相似,第一参数也是this的指向,后面传入的也是一个参数列表(但是这个参数列表可以分多次传入)
改变this指向后不会立即执行,而是返回一个永久改变this指向的函数
展开
评论
下一页
个人成就
文章被点赞 1
文章被阅读 131
掘力值 11
收藏集
6
关注标签
0
加入于