什么是SVG? Δ  SVG 指可伸缩矢量图形 (Scalable Vector Graphics) Δ  SVG 用来定义用于网络的基于矢量的图形 Δ  SVG使用XML格式来定义图形 Δ  SVG 是万维网联盟的标准 Δ  SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 SVG的优势在于? ΔSVG 可被非常多的工具读取和修改(比如记事本) ΔSVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强. ΔSVG 是可伸缩的 ΔSVG 图像可在任何的分辨率下被…

Promise 对象 1.Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点: Promise对象代表一个异步操作,它只有三种状态:Pending(进行中).Resolved(已完成,又称 Fulfilled)和Rejected(已失败),并且该状态不会受外界的影响 Promise对象的状态改变,只有两种可能:从 Pending 变为 Resolved 或者从 Pending 变为 Rejected,并且一旦状态改变,就不会再变,任何时候都可以得到这个结果 2.Promise对…

Symbol 1.Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值.它是 JavaScript 语言的第七种数据类型,前六种分别是:undefined.null.布尔值(Boolean).字符串(String).数值(Number).对象(Object): 2.Symbol 值通过Symbol函数生成,可以作为对象的属性名使用,保证不会与其他属性名产生冲突: let s = Symbol(); typeof s // symbol ps:上面代码表示创建一个Symbol变量…

数组的扩展 1.拓展运算符('...'),它相当于rest参数的逆运算,用于将一个数组转换为用逗号分隔的参数序列: console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 2.如果扩展运算符后面是一个空数组,则不产生任何效果: [...[], 1] // [1] 3.常见的拓展运算符的应用: //合并数组 let arr1 = [1,2]; let arr2 = [3,4]; let arr3…

字符串的拓展 1.ES6为字符串添加了遍历器接口,因此可以使用for...of循环遍历字符串 2.字符串新增的 includes().startsWith().endsWidth() 三个方法用于判断某一字符串是否包含于另一字符串 includes():返回布尔值,表示源字符串中是否包含参数字符串. startsWith():返回布尔值,表示参数字符串是否在源字符串的头部. endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部. 3.新增 repeat() 方法, 该方法返回一个…

本文章属于个人对es6一些比较常用的语法的总结归纳,其主要参考阮一峰大神的<a href="http://es6.ruanyifeng.com//">ECMAScript6入门</a> ,如有哪里理解不对或者不透彻的地方,还请批评指正~ ps:推荐使用es6在线调试 <b>let 和 const</b> 1.let声明的变量只有在当前代码块成效,而且不具备变量提升(即代码块中有let声明的变量提前使用会报错); { console.log…

Module 1.ES6在语言标准的层面上,实现了模块功能,成为浏览器和服务器通用的模块解决方案,完全可以取代 CommonJS 和 AMD 规范,基本特点如下: 每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取: 每一个模块内声明的变量都是局部变量, 不会污染全局作用域: 模块内部的变量或者函数可以通过export导出: 一个模块可以导入别的模块 2.模块功能主要由两个命令构成:export和import.export命令用于规定模块的对外接口,…

1.在之前的JS面向对象编程中,如果定义一个构造函数,一般来说是这样: function Person( name , age ) { this.name = name; this.age = age; } Person.prototype.say = function(){ return 'My name is ' + this.name + ', I am ' + this.age + ' years old'; } 这种写法跟传统的面向对象语言(比如 C++ 和 Java)差异很大,对于一…

Generator 函数 1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同,通常有两个特征: function关键字与函数名之间有一个星号: 函数体内部使用yield表达式,定义不同的内部状态 //一个简单的 Generator 函数 function *Generator(){ yield 'Hello'; yield 'World'; return 'Hello World'; } 2.Generator 函数的调用方法与普通函数一样,也是在函数…

如果你经历过2,3年前的前端开发,你一定感受过兼容IE6,7的痛苦,一定用过网页三剑客的dreamweaver编写html,面试的时候面试官一定会问你:会用PS切图吗? 刚开始的时候你发现,web前端相对其他开发来说,门槛低,更容易上手,当时还是菜鸟的你兴奋不已,自己也可以编程了.于是,你就坚定不移地走上了web前端开发的不归路. 走着走着,你发现在前端领域日新月异,每天都有新鲜的事物出现,应接不暇,层出不穷的框架(jQuery/Prototype /Dojo/ExtJS......),接着HT…