分类 Development 下的文章

ECMAScript (ES) 就是标准 JavaScript 的脚本语言规范。

它的第 6 个版本,开始被叫做 ECMAScript 6 (ES6) 然后改名为 ECMAScript 2015,为编写更加复杂的程序添加了很重要的新语法。包括了:classes and modules, iterators and for/of loops, generators, arrow functions, binary data, typed arrays, collections (maps, sets and weak maps), promises, number and math enhancements, reflection, and proxies。

ES6 是 ES5 的超集,ES6 现在非常流行,原因就是它引入了新的约定和 OOP 的概念,如:classes。下面我们介绍一些 ES6 中最核心的一些特性。

需要注意的是只有浏览器支持 ES6 的情况下才能够执行 ES6 指令,否则会报错。

阅读全文


当你打开一个网页,html 页面会被加载和渲染到屏幕上。为了完成这个过程,浏览器会建立这个页面的 Document Object Model 模型。也就是一个指向页面逻辑架构的 object。

一个页面的 DOM 可以被表示为一些嵌套的 boxes:
1.png

JavaScript 能够用来操作 DOM,动态的添加、删除、修改其中的元素。

阅读全文


下面介绍一些 JavaScript 内部定义好的 obect,可以直接使用。

JavaScript Arrays 数组

当你需要定义三个课程名称时,需要分别定义:

var course1 ="HTML"; 
var course2 ="CSS"; 
var course3 ="JS"; 

当你有 100 个课程名称呢?这时候可以使用 Array:

var courses = new Array("HTML", "CSS", "JS");

阅读全文


JavaScript 的 variables 变量是用来包含数据的容器。object 同样是变量,但是包含了多个数据。

一个 object 是一组使用 name:value 模式定义的数据集合,大括号{} 内部定义数据,数据间使用逗号, 分隔,注意大括号结尾的分号;

var person = {
    name: "marco", age: 20,
    like: "basketball", height: 170
};

阅读全文