2017年03月_v折耳

原创 vue-resource

// 基于全局Vue对象使用http Vue.http.get(‘/someUrl’, [options]).then(successCallback, errorCallback); Vue.http.post(‘/someUrl’, [body], [options]).then(successCallback, errorCallback);// 在一个Vue实例内使用httpthis.

2017-03-29 18:41:12 643

原创 async

ES2017引入了async函数，使得异步操作更加方便async 其实就是Generator的语法糖 async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成awaitasync 的优势特点内置执行器 Generator 的执行需要依靠执行器， async自带执行器语义化更友善适应性更好

2017-03-20 19:02:47 357

原创 JavaScript 的Thunk 函数

在 JavaScript 语言中，Thunk 函数替换的不是表达式，而是多参数函数，将其替换成一个只接受回调函数作为参数的单参数函数Thunk 函数转换器//ES5 var Thunk = function(fn){ return function (){ var args = Array.prototype.slice.call(arguments); return funct

2017-03-20 15:22:02 453

原创 Generator

Generator 函数是 ES6 提供的一种异步编程解决方案 Generator 函数看是跟普通函数一样，但是有两个特征： 1. function 与函数名之间有一个 “*”（星号） 2. 函数内部使用 yield 语句function* Ge(){ console.log('setp1'); yield 'setp1 over'; console.log('s

2017-03-16 16:54:18 297

转载微信长按识别二维码

1.引入JS库 script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8">script> script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8">script> 2.在页面创建一个空的div; div

2017-03-14 17:37:02 4380 1

转载 HTML5 + JS 调取摄像头拍照下载

video id="video" width="640" height="480" autoplay>video> br> button id="snap">Snap Photobutton> button onclick="sendUrl()">提交下载button> canvas id="canvas" width="640" height="480">canvas> img src=""

2017-03-14 11:07:39 2414

原创 Reflect

ReflectReflect 的这几目的 1. 将Object对象的一些明显属于语言内部的方法放到Reflect对象上(某些方法可以同时在Object和Reflect 上同时部署，未来将只能在Reflect 部署 ) 2. 修改某些object方法的返回结果更合理 3. 让Object操作都变成函数行为 4. Reflect对象的方法和Proxy对象的方法一一对应

2017-03-13 16:10:05 279

原创 Proxy

Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，即对编程语言进行编程var obj = new Proxy({}, { get: function (target, key, receiver) { console.log(`getting ${key}!`); return Reflect.get(target, key, receiver); },

2017-03-13 15:08:58 323

原创 Map

Map 结构原因：对象只能用字符串当作键。这给它的使用带来了很大的限制解决：它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键对比:Object结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应使用：Map也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组var map = new Map([['name',

2017-03-13 14:36:32 389

原创 Set

Set基本用法：Set是ES6提供的新的数据结构；类似于数组，但是成员的值都是唯一的，没有重复的值varvar arr=[1,4,6,4,1,'aa','bb','aa'] var s=new Set() arr.forEach(x=>s.add(x)) s//Set { 1, 4, 6, 'aa', 'bb' } for(let i of s){console.log(s)} //1 //4

2017-03-13 11:31:27 333

ES6引入了一种新的原始数据类型Symbol,表示独一无二的值，它是JavaScript的第七种数据类型var s = Symbol(); typeof s //'symbol'var sy=Symbol('foo') \\Symbol(foo)Symbol函数前不能使用 new;生成Symbol是一个原始类型的值，Symbol值不是对象，所以不能添加基本属性，它类似于字符串的数据类型Symbol

2017-03-10 16:58:15 359

原创 ES6 对象扩展

属性的表示法ES6 允许直接写入变量和函数，作为对象的属性和方法var key1='1' var bj={key1} //{ key1: '1' } var bz={key1:key1} //{ key1: '1' } 方法的简写var ob={fn1(){return '1'},fn2(){return '2'}} //{ fn1: [Function: fn1], fn2: [Function:

2017-03-08 18:59:45 324

原创 ES6 函数扩展

函数默认值ES6 与ES5 的区别在ES6之前，不能直接为函数的指定默认值 ES5默认值方法//方法一 function log(x, y) { y = y || 'value'; console.log(x, y); } function log(x, y) { if (typeof y === 'undefined') { y = 'value'; } console.lo

2017-03-06 19:28:36 657

原创 ES6 数组扩展

Array.from()将类似数组和可遍历的对象转换成真正的数组var arraylike={ '0':'a', '1':'b', '2':'c', '3':'d', length:4 }; //ES5方法 var arr1=[].slice.call(arraylike) //ES6 var arr2=Array.from(arraylike)可以试试把‘

2017-03-03 16:08:26 243

原创 ES6 Number

Number.isFinite()ES5 Number.isFinite 部署方法(function (global) { var global_isFinite = global.isFinite; Object.defineProperty(Number, 'isFinite', { value: function isFinite(value) { return ty

2017-03-02 10:53:41 482

wngzhem的博客