08 2017 档案

 
js- 类数组对象
摘要:JavaScript中,数组是一个特殊的对象,其property名为正整数,且其length属性会随着数组成员的增减而发生变化,同时又从Array构造函数中继承了一些用于进行数组操作的方法。 而对于一个普通的对象来说,如果它的所有property名均为正整数,同时也有相应的 length 属性,那么 阅读全文
posted @ 2017-08-31 18:43 Lulin1 阅读(3082) 评论(0) 推荐(0)
js- caller、 callee
摘要:caller 返回一个对函数的引用,该函数调用了当前函数。 functionName.caller functionName对象 是所执行函数的名称。 说明 对于函数来说,caller 属性只有在函数执行时才有定义。如果函数是由顶层调用的,那么 caller 包含的就是 null 。如果在字符串上下 阅读全文
posted @ 2017-08-31 16:50 Lulin1 阅读(143) 评论(0) 推荐(0)
ES6 声明变量的6种方法
摘要:ES5 只有两种声明变量的方法:var命令和function命令。 ES6除了添加let和const命令,后面章节还会提到,另外两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6种 声明变量的方法。 顶层对象,在浏览器环境指的是window对象,在Node指的是globa 阅读全文
posted @ 2017-08-31 15:47 Lulin1 阅读(4002) 评论(0) 推荐(0)
Vue 之 element-ui upload组件的文件类型
摘要:在使用element-ui的upload上传组件的时候,有时候会遇到 控制上传文件类型 的需求,只需要配置accept属性为允许的类型即可,比如: 即: 如果添加 accept=".doc,.txt,.pdf,.xls,.docx,.xlsx 属性,意思是上传文件的类型只能是 .doc, .txt, 阅读全文
posted @ 2017-08-24 17:45 Lulin1 阅读(6997) 评论(3) 推荐(0)
js中call、apply和bind的区别
摘要:在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 本身没什么好说的,显示的肯定 阅读全文
posted @ 2017-08-23 14:52 Lulin1 阅读(238) 评论(0) 推荐(0)
Vue 之 Vue.nextTick()
摘要:异步更新队列 可能你还没有注意到,Vue 异步执行 DOM 更新。只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发,只会一次推入到队列中。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要。然后,在下一个 阅读全文
posted @ 2017-08-22 09:52 Lulin1 阅读(155) 评论(0) 推荐(0)
DocumentFragment --更快捷操作DOM的途径
摘要:使用DocumentFragment将一批子元素添加到任何类似node的父节点上,对这批子元素的操作不需要一个真正的根节点。可以不依赖可见的DOM来构造一个DOM结构,而效率高是它真正的优势,试验表明,它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使用的。 Do 阅读全文
posted @ 2017-08-17 15:53 Lulin1 阅读(250) 评论(0) 推荐(0)
Js 编程题汇总
摘要:Coding题: 1. 预测以下代码的输出结果: var Foo = function(a) { function bar() { console.log(a); }; this.baz = function() { console.log(a); }; }; Foo.prototype = { b 阅读全文
posted @ 2017-08-17 15:20 Lulin1 阅读(490) 评论(0) 推荐(0)
函数提升
摘要:在写JS代码的时候,有两种写法,一种是函数表达式,另外一种是函数声明方式。我们需要重点注意的是,只有函数声明形式才能被提升。 Notice that the assignment portion of the declarations were not hoisted. Only the name 阅读全文
posted @ 2017-08-16 14:14 Lulin1 阅读(145) 评论(0) 推荐(0)
Proxy --支持的拦截操作篇
摘要:下面是 Proxy 支持的拦截操作一览。 对于可以设置、但没有设置拦截的操作,则直接落在目标对象上,按照原先的方式产生结果。 (1)get(target, propKey, receiver) 拦截对象属性的读取,比如proxy.foo和proxy['foo']。 最后一个参数receiver是一个 阅读全文
posted @ 2017-08-09 16:23 Lulin1 阅读(539) 评论(0) 推荐(0)
Proxy --概述篇
摘要:概述: Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤 阅读全文
posted @ 2017-08-09 16:17 Lulin1 阅读(177) 评论(0) 推荐(0)
this -- apply或call调用
摘要:apply 和 call 这两个方法可以切换函数执行的上下文环境,也就是改变this绑定的对象。apply和call比较类似,区别在于传入参数时一个要求是数组,一个要求是分开传入。所以我们以apply为例: 可以看到,正常访问对象中方法时,this指向对象。使用了apply后,apply无参数时,t 阅读全文
posted @ 2017-08-09 11:47 Lulin1 阅读(104) 评论(0) 推荐(0)
this
摘要:在函数内部定义的函数,其this也会指向全局,而和我们希望的恰恰相反。代码如下: 我们会发现不但我们希望的移动呢效果没有完成,反而会多出两个全局变量。那么如何解决呢?只要要进入函数中的函数时将this保存到一个变量中,再运用该变量即可。代码如下: 阅读全文
posted @ 2017-08-09 11:39 Lulin1 阅读(98) 评论(0) 推荐(0)
ES6 箭头函数--特性
摘要:如果箭头表达式仅仅就是简化了函数的命名,我们为什么要改变原来的习惯而去使用它呢?所以我们需要了解一下箭头函数的特性。 箭头函数内部没有constructor方法,也没有prototype,所以不支持new操作。但是它对this的处理与一般的普通函数不一样。箭头函数的 this 始终指向函数定义时的 阅读全文
posted @ 2017-08-09 11:03 Lulin1 阅读(252) 评论(0) 推荐(0)
async 函数--学习笔记一
摘要:含义: ES2017 标准引入了 async 函数,使得异步操作变得更加方便。async 函数是什么?一句话,它就是 Generator 函数的语法糖。 前文有一个 Generator 函数,依次读取两个文件。 写成async函数,就是下面这样。 一比较就会发现,async函数就是将 Generat 阅读全文
posted @ 2017-08-07 10:47 Lulin1 阅读(121) 评论(0) 推荐(0)