发表于 | 分类于

接触JavaScript 的函数 apply 和 call 时，理解的非常模糊，网上资料枚不胜举，但大多晦涩难懂，整理了一下不理解的地方。

在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。

call、apply、bind方法的共同点和区别

  • apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；
  • apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context）——这就是this关键字的值。）；
  • apply 、 call 、bind 三者都可以利用后续参数传参；

bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。

阅读全文 »

发表于 | 分类于

Vue中的AJAX请求

1
Vue可以借助于vue-resource来实现AJAX请求
  • http请求报文
1
2
3
4
5
6
浏览器与服务器数据交互是遵循http协议的，当浏览器要访问服务器的时候，浏览器需要将相关请求数据提交给服务器（例如：浏览器信息，url地址，参数等），通常是通过请求报文来提交的
请求报文的格式分为：
    1、请求报文行
    2、请求报文头
    3、请求报文体
阅读全文 »

发表于 | 分类于

在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示

1
[vue-language-server] 'v-for' directives require 'v-bind:key' directives.

vue在升级到2.2后，当在组件中使用 v-for 时， key 现在是必须的。

下面是官方文档的说明:

'说明'

回头看一下，我们写的代码 v-for中有key，但是为什么还报错呢？

一脸蒙蔽~~

去vetur插件的github上搜了一下，发现有人提这个报错问题，该插件的作者给出了解决办法：

``This is intended ESLint feature. You can turn off eslint check in future release.

Setting vetur.validation.vue-html to false will disable it.``

意思就是，这是ESLint的功能。对vue进行了eslint检查。

那么我们就把eslint对该插件的检查关闭，

在vscode中，打开 文件>首选项>设置 找到

vetur.configuration 把 “vetur.validation.template”: true 改成

“vetur.validation.template”: false

保存，我们再看一下vue文件，发现不报错了。

'wf'

发表于 | 分类于

在前辈的基础上，添加了一些自己的理解，记录了自己不熟悉的知识点和盲点。

主要整理内容:

  • 自调用执行函数
  • 使用自调用函数的好处
  • 自调用匿名函数的 三种 等价写法
阅读全文 »

发表于 | 分类于

ES6新特性 filter 方法

数组去重

1
2
3
4
5
var arr = [1, 2, 1, 2, 4, 5, 3, 5, 6, 7, 6];
var result = arr.filter(function(v, i) {
    return i === arr.indexOf(v);
    })
console.log(result); //[1, 2, 4, 5, 3, 6, 7]

filter方法详解

一、filter()方法使用指定的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组。
二、用来测试数组的每个元素的函数。调用时使用参数 (element, index, array)。返回true表示保留该元素（通过测试），false则不保留。
三、filter 为数组中的每个元素调用一次 callback 函数，并利用所有使得 callback 返回 true 或 等价于 true 的值 的元素创建一个新数组。callback 只会在已经赋值的索引上被调用，对于那些已经被删除或者从未被赋值的索引不会被调用。那些没有通过 callback 测试的元素会被跳过，不会被包含在新数组中。callback 被调用时传入三个参数：1、元素的值/2、元素的索引/3、被遍历的数组
四、如果为 filter 提供一个 thisArg 参数，则它会被作为 callback 被调用时的 this 值。否则，callback 的this 值在非严格模式下将是全局对象，严格模式下为 undefined。
五、filter 不会改变原数组。
六、filter 遍历的元素范围在第一次调用 callback 之前就已经确定了。在调用 filter 之后被添加到数组中的元素不会被 filter 遍历到。如果已经存在的元素被改变了，则他们传入 callback 的值是 filter 遍历到它们那一刻的值。被删除或从来未被赋值的元素不会被遍历到。