2016年12月_刻刻帝丶

原创 ECMAScript5（ES5）标准中扩展的数组Array方法

上次整理ES6的数组扩展方法觉得ES5的数组方法都忘得差不多了索性就复习总结一下 ES5扩展的数组方法还是很有用的迭代forEach()这是ES5数组方法中最基本的一个了也非常的简单，就是遍历、循环我们传统的数组循环方法是这样的var arr = [1, 2, 3, 4, 5];for(var i = 0, len = arr.length; i < len; i++){

2016-12-28 14:45:13 3770

原创 ECMAScript6（ES6）标准之class类的定义、继承及静态方法

众所周知，JavaScript中是没有传统类的概念的它利用原型链完成继承对于当时刚学JavaScript的我来说，一时不好接受声明的方式看起来很奇怪不过在我们的ES6借鉴了很多语言的语法这其中包括class class不是新结构而是原型链的语法糖早在ES4的时候，草案中就已经出现了class 不过ES4由于过于激进，和一系列问题被大家抵制不过大家完全不用担心ES6步E

2016-12-26 20:32:39 12954 2

原创 ECMAScript6（ES6）标准之函数扩展特性箭头函数、Rest参数及展开操作符

ES6扩展了很多语法糖语法其中对于函数我们又可以使用一种叫做“箭头函数”的写法同时引入了Rest参数利用“…”可以获取多余参数这样就我们就不要使用arguments对象了函数默认参数ES6没有出现之前面对默认参数会让很多人感到痛苦大家会采用各种hack 比如：arr = arr || [] 现在要容易得多function foo(name = 'payen'){

2016-12-24 17:29:21 5760 5

原创强大而酷炫的CSS3动画库Animate.css使用方法

今天介绍一个强大的CSS3库 Animate.css 库如其名，是一个动画库通过它我们非常轻松地添加动画效果 “Just-add-water CSS animations” 像灌水一样简单我们只需要添加几个类名下载地址及动画效果戳这里：Animate.css 使用这个库只需要把animate.css引入我们的文件即可<link rel="stylesheet" href="s

2016-12-23 12:00:01 13915

原创 ECMAScript6（ES6）标准之对象Object扩展方法及新特性

ES6对于Object也扩增了几个方法不过最重要的是 ES6扩展了一些语法比如说允许直接写入变量和函数，作为对象的属性和方法使我们的对象更加简洁下面我就来详细说明一下语法扩展简写对象属性let name = 'payen';let obj = { name, age: 19}console.log(obj);//{"name":"payen","age":1

2016-12-21 20:26:08 6576

翻译 HTML5利用FormData对象实现显示进度条的文件上传【译】

这篇文章是我翻译的外文，非本人原创网上看到很多博客都有转载这篇文章不过转载的都是英文所以我就决定翻译一下（翻译和格式化也耗费了一番心血 (～﹃～)~zZ）英文能力有限，大家凑合看吧（翻译有略微改动）译文原址：传送门 HTML5终于解决了在上传文件的同时也能显示上传进度的问题如今，大多网站都使用Flash播放器来实现这一功能一些网站仍然使用html的form标签

2016-12-20 16:00:31 22619 9

原创 ECMAScript6（ES6）标准之数组Array扩展方法

ES6对于数组又扩展了很多方法包括静态方法和原型链上添加的方法让我们可以更方便的操作数组静态方法Array.from()这个方法可以将类数组对象（有length属性的对象）和可遍历对象（ES6新增的Set与Map数据结构）转化为真正的数组在ES6之前，要想让类数组对象变成数组通常做法是调用slicelet arrLike = { 0: 10, 1: 20,

2016-12-19 20:56:48 17511 1

原创 ECMAScript6（ES6）标准之解构赋值语法及应用

在七种方案解决JavaScript交换两个变量值的问题中我写的最后一种方案就是用到了ES6的解构赋值语法[a, b] = [b, a]下面我来详细说明一下什么是解构赋值数组解构基本概念按照一定模式，从数组和对象中提取，对变量进行赋值，称为解构通过解构我们可以让赋值更优雅便捷// 一般赋值var a = 1, b = 2, c = 3;//解构赋值var [a, b, c]

2016-12-18 20:53:10 5070

原创 ECMAScript6（ES6）标准之let、const关键字与块级作用域

隔了两周没有更新今天开始整理ES6的知识先来看看ES6增加的两个声明变量的关键字 let与const块级作用域我以前就写过一篇文章介绍了作用域的分类传送门：理清JS中的词法、静态、动态、函数、块作用域里面就谈到了块级作用域在ES6之前我们声明变量只能用var 并且作用域的机制是函数作用域（with关键字、catch子句是特例）if(true){ var i = 1

2016-12-18 16:56:46 2591

原创 CSS3伪类与伪元素的区别及注意事项

CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别定义首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的伪类：用于向某些选择器添加特殊的效果伪元素：用于将特殊的效果添加到某些选择器讲道理，可能我语文不好，我觉得这两句话是等价的 :-) 根本不能看出有什么区别都是对某些选择器“加特技”标准有这么一句话翻译过来是这样的 CSS 引入伪类和伪元素的概

2016-12-10 19:59:23 12885 5

原创 CSS3你可能不知道的冷知识

可能我们在看一些网页的源码时会发现自己从来没见过的属性或用法今天我就来总结一下 CSS3的冷知识样式计算在CSS中也可以进行简单的计算通过calc函数可以实现这样还可以使我们的元素自适应当然计算的值应该是合法的值.demo { ... width: calc(100% - 500px); height: 200px;}这个demo中，元素的宽度值是

2016-12-02 22:05:28 4310 3

原创轻量级数据格式——JSON

今天这数学实在看不下去来换换脑子，写写前端今天就写一个小知识JSON在很久很久以前，XML是互联网上传输数据的标准但是大家普遍反映XML太繁琐再后来，随着Web的发展人们发现JSON作为JavaScript语法的子集使用更方便于是JSON就成为了标准现在大家都把JSON作为通信的数据格式JSON基本语法（JSON：JavaScript Object Notation，Ja

2016-12-01 21:42:07 2808 6

尐轩web前端网络日志