es6阮一峰官网(es7阮一峰)

『ES6参考链接汇总』 By 吃码小妖

『ES6参考链接汇总』 By 吃码小妖

原文地址：

阅读ES6的系列文章（英文，可在线观看）

一个外国人，关于ES标准的研究：

【04】ES文档官网网址

ECMA组织官网：

ECMAScript 5.1： ECMAScript 6.0： ECMAScript 7.0：

ECMAScript 8.0：

颜海镜的中文ES5:

参考网址：

1，火狐的：

3，阮一峰的ES6中文版：

4，wiki：ES6

DOM API 文档直接看 w3c：

DOM1

DOM2：

DOM3：

DOM4：（19 November 2015）

DOM4.1： （1 February 2018）

CSS 2：

CSS3

HTML5：（28 October 2014）

( 3 October 2017)

html :(Living Standard — Last Updated 16 April 2018)

(吃码小妖：一个私人的多人合作的，组织的HTML规范)

HTML5.3:(17 April 2018)

Chrome DevTools 中文文档地址：

（概述 · Chrome DevTools 中文文档）

（Chrome 开发者工具中文手册）

（Chrome开发文档中文版）

（下图）

（下图）

各大浏览器的最新版本，对ES6的支持可以查看 kangax.github.io/es5-compat-table/es6/ （好东西）。

有效

MDN 的网站：

web APIs

ES5 中文版：

ES5 英文版：

自学web前端开发,请问从何入手呢？

学习前端，要从学习HTML和CSS开始着手。关于这部分的学习，网上可选择的资料就太多了，这里不一一列举，题主百度搜索栏搜索?HTML 教程，或者css 教程，就可找到相关资料。

接着是学习前端的一个难点、也是重点，就是JavaScript。

首先，初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵”

另外，你需要一个能够从简到难的知识体系，一步一步跟下来。

下面是干货。

体系：上图。

说明一下这张图，题主提问如何有效学习JS，我这里理解为JS原生，所以关于框架、工作流的内容，没有具体展开，题主有兴趣可以自行搜索。

一、文档资料

红宝书(基础)：

蝴蝶书(进阶)：

阮一峰老师ES6:

权威官方文档MDN：

二、学习步骤

语法和基本类型

控制流

循环

表达式和操作符

日期对象

正则表达式

对象

上面这些搞定，就已经掌握了ES5的最基本的内容了，接着，我们就可以来操作页面了。毕竟这是一个看脸的社会，我们在搞页面的同时，还要注意一下页面的样式。

8.DOM操作

1DOM树的概念

2从DOM树取节点

3操作这个DOM树(节点的添加、删除、修改)

4访问节点(parentNode, children, 等等)

5属性操作(id, className)

9. 事件处理

1鼠标事件(mouseove)

2键盘事件(keyup)

3浏览器事件(load)

好，到这里，基本上静态页面，你就可以随意玩耍了。这里我们最好降上面思维导图提到的例子，都撸一遍。一是加深上面知识点印象，二是锻炼一下编程的逻辑思维能力。具体实现，网上有一堆堆的。（这里让题主自己搜索，是因为编码的一项重要能力，就是搜索）一定要谨记，多敲代码。

10. 面向对象：原型式继承、原型链

11. ES6：

ES6跟ES5还是有较大的区别，所以建议你能系统的过一遍，将上面的练习，改为使用ES6再来一遍

三、调试

1、JS编程的调试非常简单，打开浏览器控制台(我个人比较钟爱Chrome)。如图：

1 console标签：这个标签，可以打印我们开发时，JS引擎为我们抛出的异常。我们可以根据这个异常的信息，来分析错误原因。另外，我们也可以在代码中使用console.log() 输出程序运行时的环境变量信息。

2 右红框1：错误提示。说明当前页有一个error发生，点击他，可以跳转到console来查看错误具体信息

3右红框2：警告信息。提示了我们程序潜在的危险。

4 source，我们进行单步调试的地方。具体见下图

（四）、工作流(跟JS原生关系不大，不详细展开了)

webpack

gulp

上面的内容结束后，就可以进入前端框架的海洋中畅游了。

转载--普通人的网页配色方案-阮一峰

阮一峰 原文链接

网页需要配色。一种好看、易用、符合心意的配色，是很不容易的，尤其在没有设计师时。

一、Flat UI 色表

最简单的方法是，从一个给定的色表选择颜色。我以前就是这样，主要根据? Flat UI ?的色表配色。

这个色表提供20种颜色（其实是10种，每种颜色有深和浅两个色调），对于简单的网页，基本够用了。实际效果可以参考? Flat UI 官网 。

二、香港地铁色表

后来，我听说香港地铁的每个车站，颜色都不一样。比如，中环是红色。

金钟是蓝色，北角是橙色。

这就是有名的香港地铁配色，目前一共有87种颜色。

有人将这87种颜色，做成了 色表 ，方便使用（ 源码 ）。

我觉得，这个色表非常漂亮，符合大多数人的审美，87种颜色也足够用了。

三、配色的经验法则

除了使用色表，有人还提出一种 配色的经验法则 ，也很值得参考。

（1）网页的主题色

深颜色使用c、f、6、9这四个字符，组合生成 RGB 色值，比如紫罗兰色是9966ff，靛蓝是6666ff，红色是ff6666。

淡颜色使用a、b、c、d、e、f这六个字符，组合生成 RGB 色值。

（2）文字的颜色

文字最好不要使用全黑，而是使用深蓝色，可以从下面几种颜色挑。1a2a3a最深，2a3a4a次之，7a8a9a最浅。

（3）背景色、阴影色、边框色

背景色、阴影色、边框色都属于衬托，建议使用灰色，可以从aaaaa、bbbbbb、cccccc、dddddd这四个色值挑选。

（完）

深入理解es6和es6标准入门哪本好

答:ES6的书籍主要有《深入理解ES6》、阮一峰老师的《ES6标准入门》、小问的《实战ES2015》这三本

现在正在学ES6，说一下这三本书各自的特点

1、《深入理解ES6》最大的特点是从浅到深。从为什么引入这个特性开始，一步一步地深入展开讲解。但有时就是由于过分的深入浅出，有头重脚轻的感觉。大篇幅的展开讲引入的原因，到如何使用特性时，反而不是很详细，或者说不是很系统。

总结一下，就是"为什么"的部分讲得深，"是什么"的部分讲得浅

2、《ES6标准入门》这本书继承了阮一峰老师一贯的风格，“猪肚”的部分夯地非常实，把一个特性的各种参数，各种使用场景，各种注意事项都讲得很清楚。比如，该特性有N个属性，M个方法。接下来，就开始系统地讲解这N个属性M个方法，所以，每部分的篇幅都很长

缺点是“为什么”的部分讲的相对少，有的甚至只有一句话。于是，学起来可能就有一种似懂非懂的感觉