2016年09月_灵熙兔

原创 ES6学习笔记（七）Iterator和for...of循环

一、遍历器的感念 JavaScript原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6又添加了Map和Set。这样就有了四种数据集合；这样就需要一种统一的接口机制，来处理所有不同的数据结构。遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理

2016-09-30 21:13:55 606

原创 JS中的call、apply方法

一、call()和apply()方法 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行两者的格式和参数定义：call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，...apply(thisArg [，argArray] ); // 参数数组，argArray1.方法定义call方法:调

2016-09-30 16:06:33 249

原创 ES6学习笔记（六）函数与对象

一、函数 1.参数的默认值在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y); } ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log(

2016-09-27 11:35:45 1178

Array:ES5:(1)Array.prototype.forEach(function(item,index,array){…})(2)Array.prototype.map(function(value,index,array){…//return value,该值会被插入新数组})映射为一个新数组(3)Array.prototype.some(function(item){…//条件})数组

2016-09-25 20:10:53 6351

原创 ES6学习笔记（五）Set和Map数据结构

一.Set ES6提供了新的数据结构Set。类似于数组，只不过其成员值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 1 . Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。var s = new Set();var set = new Set([1, 2, 3, 4, 4]);[...set] // [1, 2, 3, 4]var

2016-09-25 19:51:42 318

原创 CSS知识点总结(二)单位

一、长度单位绝对长度单位in（英寸）、cm（厘米）、mm（毫米）、pt（磅）、pc（pica），在网页的设计中很少用到。 pt是绝对单位，标准印刷上常用的单位，在文字排版工具（word，abobe）中是非常有用的字体单位。不管显示器的分辨率是多少，打印在纸面上的结果是一样的。相对长度单位是使用最多的长度单位。包括em、rem、ex、pxpx就是通常所说的像素，使网页设计中使用最多的长度单位。

2016-09-25 16:49:05 225

原创 ES6学习笔记（四）数值与数组的扩展

1.二进制和八进制数值 ES6提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。0b111110111 === 503 // true0o767 === 503 // true从ES5开始，在严格模式之中，八进制就不再允许使用前缀0表示，ES6进一步明确，要使用前缀0o表示。如果要将0b和0o前缀的字符串数值转为十进制，要使用Number方法。Number('

2016-09-24 20:25:57 416

原创 ES6学习笔记（三）字符串的扩展

1.字符的Unicode表示法 JavaScript允许采用\uxxxx形式表示一个字符，其中“xxxx”表示字符的码点。但是，这种表示法只限于\u0000——\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表达。"\uD842\uDFB7" //"吉""\u20BB7" // " 7"ES6对这一点做出了改进，只要将码点放入大括号，就能正确解读该字符。"\

2016-09-24 16:33:13 1129

原创 CSS3（四）Media Queries 与Responsive 设计

随着科学技术不断的向前发展，网页的浏览终端越来越多样化，用户可以通过：宽屏电视、台式电脑、笔记本电脑、平板电脑和智能手机来访问你的网站。尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样，但至少要让你的Web页面能适配用户的终端，让他更好的呈现在你的用户面前。首先我们要了解常见的媒体类型： Screen、All和Print为最常见的三种媒体类型。 Screen——电脑显示器 A

2016-09-24 11:27:44 498

原创 CSS3（三）布局样式

一、多列布局——Columns：到目前为止大部分主流浏览器都对其支持：为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面语法：columns：<column-width> || <column-count> //列宽和列数columns: 2

2016-09-24 10:23:08 1863 3

原创 ES6学习笔记（二）变量的解构赋值

一、数组的解构赋值 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构,解构赋值不仅适用于var命令，也适用于let和const命令。以前，为变量赋值，只能直接指定值。var a = 1;var b = 2;var c = 3; ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属

2016-09-23 20:31:14 351

原创 ES6学习笔记（一）let const

准备工作：首先需要配好node环境，见博文：在项目根目录下 shift+右击 >打开命令窗口输入：npm init 进行初始化多次回车（文件夹里会多一个package.json文件）输入：npm install babel-cli babel-preset-es2015 稍等一会即可完成后你会发现文件夹里多了个 node_modules 文件夹，子文件夹.bin里有个babe

2016-09-23 18:16:19 317

原创 Node.js环境搭建

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。简单的说 Node.js 就是运行在服务端的 JavaScript。如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。node.js的下载安装下载地址：h

2016-09-23 11:49:38 356

原创 CSS3(二)选择器

一、属性选择器新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示：例如： html代码：<a href="xxx.pdf">我链接的是PDF文件</a><a href="#" class="icon">我类名是icon</a><a href="#" title="我的title是more">我

2016-09-18 21:16:41 699

原创 CSS3(一)新增常用样式

目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。优点：CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。CSS3简化了前端开发工作人员的设计过程，加快页面载入速度。在编写CSS3样式时，不同的浏览器可

2016-09-18 19:43:52 2534

原创 CSS知识点总结(一)定义、使用方式及常见属性

一、颜色属性 color属性定义文本的颜色： 1.color：green ；（颜色对应的英文名称） 2.color：#FF0066 ；（十六进制）分为三段，分别表示R,G,B取值简写形式，当每个颜色的取值重复时，简写为#F06；3.color：rgb（255,0,0）；（RGB模式） 4.color：rgba（255,0,0,1）；（RGB模式和Alpha色彩空间透明度）Alpha取值范

2016-09-06 17:28:19 393

原创数据结构与经典算法（二）

第三章、栈栈是一种特殊的线性表，一般来说在线性表的插入删除不受控制，而栈上的插入删除操作会受限制，栈的插入和删除操作是在童一端进行的。一、栈 1.基本概念栈是仅限定在表的一端进行插入或删除操作的线性表。允许插入和删除操作的顶端称为栈顶，处于栈顶位置的元素称为栈顶元素。相应的称为栈底。栈中含有的元素个数称为栈长；不含元素的空表称为空栈。由于栈的插入和删除运算仅在栈顶一端进行，后进

2016-09-06 09:20:35 279

原创数据结构与经典算法（一）

数据结构是研究包括数据的逻辑结构、存储结构以及定义在它们之上的一组运算。第一章、基础知识 1.数据结构的主要研究内容（1）数据结构的逻辑结构。根据应用对象设计有限元素集合中结点之间的逻辑关系，如线性表、树、图等（2）逻辑结构在计算机中的物理实现。数据结构在计算机内存中的表示方法称为数据结构的物理结构，以区别前者的逻辑结构形式，如顺序表（顺序存储结构）、链表（链式存储结构）、二叉树等（3

2016-09-01 17:40:30 1539

qq_25178609的博客