Web前端的知识之旅哟——ES6-对象的扩展(四十八)

对象的扩展 1.属性的简洁表示法 es6中,如果属性名和属性值是一样的,那么可以只写属性名,不写属性值,这个时候属性值就是属性名所代表的变量。 function f(x, y) { return {x, y}; } // 等同于 function f(x, y) { return {x: x, y: y}; ...

Web前端的知识之旅哟——ES6-函数的扩展(四十七)

ES6扩展了很多函数的东西,也简化了函数的写法。 函数的扩展 1.默认值 在es5中,我们为了处理没有传参数造成的错误,一般会采用手动设置初始值的写法: function demo(x) { var x = x || 'xxx'; } 但是这种写法会有一种情况,那就是如果我们传递进...

Web前端的知识之旅哟——ES6-数值和数组的扩展(四十六)

数值的扩展 es6中,在Number对象上,新增了Number.isFinite()和Number.isNaN()方法。 Number.isFinite()是检测一个数值是否是有限的,如果是无限的则返回false。 Number.isNaN()是检测非数的,如果是NaN则返回true。 在es5中,isNaN方法是全局window上的一...

Web前端的知识之旅哟——ES6-字符串的扩展(四十五)

字符串的扩展 1.字符的Unicode表示 在es6中,js允许使用“\uxxxx”的形式来表示一个字符,其中xxxx叫做这个字符的码点。 \u0061 -> a 不过xxxx的范围只能是0000-ffff,超出这个范围的字符就需要用两个双字节来表示了。 “\uD842\uDFB7”这两个码点表示了一...

Web前端的知识之旅哟——ES6-解构赋值(四十四)

数组的解构赋值 es6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称之为解构赋值。 比如在es5中: var a = 1, b = 2, c = 3; 在es6中就可以通过一个数组来简写: let [a,b,c] = [1,2,3]; 这样也是可以的: let [a,[b],c] = [...

Web前端的知识之旅哟——ES6-let与const(四十三)

终于写到ES6了! ES6在ES5的基础上增加了许多新功能和新用法,现在js更加倾向于面向对象的语言了,而且用过es6的写法可以大大简化代码。 不过很遗憾的是只有当前的一些高版本的浏览器才支持ES6,因此我们需要ES6的转码器babel,利用nodejs的npm功能就可以...

Web前端的知识之旅哟——地理位置拖拽与客户端存储(四十二)

地理位置信息 html5中加入了地理位置信息的功能,可以查看用户当前所在的位置 window.navigator.geolocation 不过有的浏览器会阻止geolocation的访问,所以记得要在设置里面开启。 API: 1.getCurrentPosition() 获得当前的位置信息 2.watchPosition() 监...

Web前端的知识之旅哟——svg(四十一)

svg svg的全称叫做Scalable Vector Graphics,可缩放矢量图形,也就是说svg是矢量图,和canvas的位图不同,矢量图的缩放是不会失真的。 svg一般是用来做图表或者图表的icon,还有一些特效效果。 一、绘制 1.开始 svg和canvas的另一个不同点在于:canvas需...

Web前端的知识之旅哟—— canvas(四十)

canvas——画布 一、canvas应用场景: 1.游戏:很多页面H5游戏都是用canvas绘制出来的。 2.图表 3.各种酷炫的东西https://events.google.com/io2016/ 需要注意的是: ie9之前的版本是不支持canvas的 二、如何使用canvas 1.首先在html中创建一个canvas元素,告...

Web前端的知识之旅哟—— Audio与Video(三十⑨)

HTML5的知识点由@小男神(Legolas)提供哟~ 写在前面的小知识点 1.HTML5是下一代的HTML标准 2.如何区分一个页面是HTML4的还是HTML5的?(面试题):HTML5的页面头部有一行<!DOCTYPE html> 。 3.HTML5的新特性: ①用于绘画的canvas元素 ②新媒体标签vi...

Top